/* PMP CONCEPT 11/2006 */


/* GENERAL */
html {
	font-size: 100%;
}
body, ul, li, p, fieldset, legend, h1, h2, h3, h4, form, select { padding:0; margin:0; text-indent:0; border:none; }

body { background:#d50f16 url(../_image/fond_site.jpg) repeat-x; color:#000000; line-height:15px; font-family:Arial; font-size:12px; margin-bottom:20px; height:100%; }

span.vide, legend { display:none }

h2.video {
	clear: both;
}

p { text-align:justify; }

font[size="1"] {
	font-size: 8px;
}
font[size="2"] {
	font-size: 10px;
}
font[size="3"] {
	font-size: 12px;
}
font[size="4"] {
	font-size: 14px;
}
font[size="5"] {
	font-size: 18px;
}
font[size="6"] {
	font-size: 24px;
}
font[size="7"] {
	font-size: 36px;
}

img { border:none; }
.alignDroite { float:right; }

input, textarea { font-size:11px; font-family:Arial; color:#000000; padding:2px; margin:1px; width:310px; border:1px solid #d50f16; background-color:#feea9a }
.noWidth, .bouton { width:auto; }

.coeurPage, .hautSite, .basSite { width:840px; overflow:hidden; margin:0 auto; clear:both; }

.claquette {
	color: #0d65aa;
	background-color: #a4c9e8;
}
.salsa {
	color:#ea2d2c;
	background-color: #f3acb3;
}
.hiphop {
	color:#1f9536;
	background-color: #b9d9ad;
}
.salsqhiptap {
	color:#9d3d3d;
	background-color:#eba500;
}
.repetition-spectacle {
	color: #494e54;
	background-color: #c9c2b2;
	font-weight: bold;
}
.autre-cours {
	background-color: #f8ef8e;
	color: #9d9400;
}

.nouveau { padding:1px 2px 1px 2px; background-color:#d50f16; color:#ffffff; font-size:10px; }
.reprise { padding:1px 2px 1px 2px; background-color:#0d65aa; color:#ffffff; font-size:10px; }


/* GENERAL */
.texte h1 { font-size:18px; color:#d20019; margin-bottom:13px; }
.texte p { color:#000000; text-align:justify; }
.info { color:#003366; font-size:11px; line-height:13px; margin-bottom:15px; }

/* HAUT SITE */

.hautSite { background:url(../_image/fond_haut.jpg) 0 0 no-repeat; height:137px; }
.hautSite  a#logoSalsaHipTap { width:306px; height:61px; display:block; margin:23px 0 0 25px; background:#ffdf00 url(../_image/logo_salsahiptap.png) 0 0 no-repeat; }

.hautSite a#salsa { width:87px; height:103px; display:block; float:right; background:#ffdf00 url(../_image/salsa.png) 0 0 no-repeat; }
.hautSite a:hover#salsa { background-position:0 -103px; }
.hautSite a#hiphop { width:128px; height:103px; display:block; float:right; background:#ffdf00 url(../_image/hiphop.png) 0 0 no-repeat; }
.hautSite a:hover#hiphop { background-position:0 -103px; }
.hautSite a#claquette { width:128px; height:103px; display:block; float:right; margin-right:21px; background:#ffdf00 url(../_image/claquettes.png) 0 0 no-repeat; }
.hautSite a:hover#claquette { background-position:0 -103px; }


/* GAUCHE */

#gauche { float:left; width:171px; padding-right:25px; overflow:hidden; }
/*menu*/
#menu { height:352px; padding:90px 0 0 0; background:transparent url(../_image/gauche.png) 0 0 no-repeat; }
#menu li { list-style:none; padding-bottom:4px; }
#menu a { font-size:14px; color:#d20019; background:transparent url(../_image/menu_survol.png) 0 0 no-repeat; text-decoration:none; display:block; padding:3px 0 3px 16px; height:15px; overflow:hidden; }
#menu a:hover { background-position:0 -21px; color:#ffffff; }

A#courstarifs {
	font-weight:bold;
	color:#7d5500;
}


/* DROITE */

#droite { float:right; width:644px; overflow:hidden; }

#sageSalsa { float:right; }
#newsletteraccueil { margin:7px 0 0 0; }

/*message accueil*/
#messageAccueil { width:351px; float:left; overflow:hidden; margin-bottom:20px; }
#messageAccueil #haut { height:14px; background:transparent url(../_image/haut_accueil.png) bottom no-repeat; }
#messageAccueil #coeur { height:218px; background:#fecb00; overflow:hidden; padding:0 17px 0 17px; }
#messageAccueil #bas { height:21px; background:transparent url(../_image/bas_accueil.png) bottom no-repeat; }
#messageAccueil a { color:#d50f16; text-decoration:underline; padding:1px 2px 1px 2px; }
#messageAccueil a:hover { border:1px dotted #003366; background-color:#ffdf00; text-decoration:none; padding:0 1px 0 1px; }

/*bloc video actualite photo*/
#actuVideoPhoto { clear:both; padding:0px 25px 0 17px; }
#actuVideoPhoto .miniFiche { width:184px; color:#ffffff; float:left; }
#actuVideoPhoto .miniFiche h2 { padding-left:10px; font-size:18px; height:23px; font-weight:normal; }
#actuVideoPhoto .miniFiche h2 a { color:#fff; text-decoration:none; }
#actuVideoPhoto .miniFiche .detail { padding:13px 10px 0 10px; }
#actuVideoPhoto .miniFiche .detail .date { /*height:19px;*/ line-height:12px }
#actuVideoPhoto .miniFiche .detail p { font-size:11px; line-height:11px; text-align:justify; color:#fecb00; }
#actuVideoPhoto .miniFiche .detail a { float:right; color:#ffffff; text-decoration:none; font-size:10px; padding:0 0 0 8px; margin-top:2px; background:transparent url(../_image/puce01.png) 0 6px no-repeat; }
#actuVideoPhoto .miniFiche .detail a:hover { text-decoration:underline; }
#actuVideoPhoto .miniFiche img { background:#df3d0e 0 0 no-repeat; }

#actuVideoPhoto .separateur { height:150px; width:1px; display:block; margin:23px 12px 0 12px; background-color:#fbaa00; float:left; }


/*fenetre*/
#droite .hautFenetre { height:44px; width:644px; display:block; }
#droite .coeurfenetre { background-color:#fecb00; min-height:378px; padding:0 17px 0 17px; }
#droite .basFenetre  { height:21px; width:644px; display:block; background:transparent url(../_image/bas_page.png) 0 0 no-repeat; }
#droite h1.salsa { background:transparent url(../_image/titre/salsa.png) 0 0 no-repeat; }
#droite h1.hiphop { background:transparent url(../_image/titre/hip-hop_street_jazz.png) 0 0 no-repeat; }
#droite h1.claquette { background:transparent url(../_image/titre/claquettes.png) 0 0 no-repeat; }
#droite h1.ciebob { background:transparent url(../_image/titre/cie_bob_h_ekoto.png) 0 0 no-repeat; }
#droite h1.cours { background:transparent url(../_image/titre/calendrier_des_cours.png) 0 0 no-repeat; }
#droite h1.contact { background:transparent url(../_image/titre/contact.png) 0 0 no-repeat; }
#droite h1.lien { background:transparent url(../_image/titre/liens.png) 0 0 no-repeat; }
#droite h1.actualite { background:transparent url(../_image/titre/actualites.png) 0 0 no-repeat; }
#droite h1.video { background:transparent url(../_image/titre/videos.png) 0 0 no-repeat; }

#droite ul { margin-left:15px; }
#droite li { list-style:none; padding-left:13px; background:transparent url(../_image/puce02.png) 0 3px no-repeat; }

.coeurfenetre h1 { font-size:18px; line-height:normal; color:#d50f16; margin-bottom:15px; }
.coeurfenetre .pmpup { margin:0 0 10px 15px; }
.coeurfenetre .video { width:320px; padding:15px; }
.coeurfenetre a { color:#d50f16; text-decoration:underline; padding:1px 2px 1px 2px; }
.coeurfenetre a:hover { border:1px dotted #003366; background-color:#ffdf00; text-decoration:none; padding:0 1px 0 1px; }

/*boutons*/
a#planingdescours { width:190px; height:40px; display:block; background:#fecb00 url(../_image/planningdescours.png); }
a:hover#planingdescours { background-position:0 -40px; border:none; }
a#postervotremessage { width:203px; height:40px; display:block; background:#fecb00 url(../_image/postervotremessage.png); }
a:hover#postervotremessage { background-position:0 -40px; border:none; }
a#fermer { width:112px; height:40px; display:block; background:#fecb00 url(../_image/fermer.png); }
a:hover#fermer { background-position:0 -40px; border:none; }
a#sabonner { width:131px; height:40px; display:block; background:#fecb00 url(../_image/sabonner.png); margin:0 auto; }
a:hover#sabonner { background-position:0 -40px; border:none; }

/*contact*/
#coordonneeContact { width:219px; height:203px; padding:25px; float:right; /*margin-left:15px;*/ background:#fbaa00 url(../_image/fond_contact.png) 0 0 no-repeat; }
#coordonneeContact h2 { font-size:18px; line-height:normal; color:#d50f16; margin-bottom:4px; }
.formulaire { padding:15px 0 0 0; }
.formulaire h3 { font-size:12px; color:#d50f16; }

.formulaire .erreurForm { border:2px dashed #d50f16; background-color:#f19200; padding:5px; margin-bottom:5px; width:306px; }
.formulaire .erreurForm input, .formulaire .erreurForm textarea { width:297px; }
.formulaire .erreurForm h3 { color:#d50f16; }
.formulaire .autoWidth { width:auto; }
.fenetreinfo #fermer { margin-left:130px; }

/*liste liens*/
#listeliens { overflow:hidden; }
#listeliens .article { padding:15px 0 10px 0; border-bottom:1px dotted #d50f16; overflow:hidden; font-size:11px; }
.coeurfenetre #listeliens a.photo, .coeurfenetre  #listeliens a:hover.photo { float:left; margin:0 10px 0 0; width:76px; height:76px; text-decoration:none; border:0; padding:0; }
#listeliens p { padding:2px 0 0 0; line-height:13px; }
#listeliens h3 { margin-top:5px; }
#listeliens h3 a { text-decoration:none; text-transform:uppercase; font-size:13px; }
#listeliens .pmpup { border:none; }


.cadre { clear:both; overflow:hidden; margin-top:10px; }
.cadre h2 { border-bottom: 1px solid #d50f16; color:#d50f16; margin-bottom: 10px; }
.galerie { text-align:center; }
.coeurfenetre .galerie a.alignDroite, .coeurfenetre .galerie a:hover.alignDroite { float:left; margin:3px; padding:0; border:0; text-decoration:none; width:76px; height:76px; }


/*liste galeries*/
#listegaleries { overflow:hidden; }
#listegaleries a { float:left;  }
#listegaleries img { border:0; }
#listegaleries img.preview {max-width: 100px; max-height: 75px;}
#listegaleries p { padding:2px 0 0 0; line-height:13px; }
#listegaleries h3 { margin-top:5px; }
#listegaleries h3 a { text-decoration:none; text-transform:uppercase; font-size:13px; }
.photo_galerie {display:block; float:left; overflow:hidden; width:104px; margin:0 10px 0 0;}
.accroche_galerie {display:block; float:left; overflow:hidden;}

/*tableau des cours*/
.tableCours { font-size:11px; border-collapse:collapse; border:2px solid #ee7700; margin-bottom:3px; background:#fbaa00 url(../_image/fond_agenda.jpg) right center repeat;
	width: 606px;
}
.tableCours td p { text-align:center; }
.tableCours th, .tableCours td {
	padding:3px 0;
	text-align:center;
	vertical-align:middle; border:thin solid #ee7700; line-height:12px; }
.tableCours th { background-color:#fbaa00; }

.tableCours th.heure, .tableCours td.heure {
	width: 41px;
}
.tableCours th.joursemaine, .tableCours td.joursemaine {
}
.tableCours th.cours, .tableCours td.cours {
	width: 145px;
}
.tableCours th.separateur, .tableCours td.separateur {
	background-color: #fecb00 !important;
	width: 5px;
}

.prix { font-size:16px; color:#d50f16; font-family:Georgia, "Times New Roman", Times, serif }
.prix strong { font-size:22px; }

/*videos*/
/*.listeVideo { padding:0 0 3px 30px; background:transparent url(../_image/puce02.png) 20px 3px no-repeat; }*/
#droite .video-cell {
	margin:0;
}
#droite .video-cell li {
	display:inline;
	background-image:none;
	list-style:none;
	list-style-image:none;
	padding:0;
	width:130px;
	margin-bottom:20px;
	float:left;
	margin-right:10px;
	height:115px;
	overflow:hidden;
}

a.video-thumb,
a.video-thumb:hover {
	background-color:white;
	position:relative;
	display:block;
	padding:4px;
	overflow:hidden;	
	border:1px solid #d3d3d3;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	_line-height:0;
	width:120px;
	height:68px;
	cursor:pointer;cursor:hand;
	margin-bottom:2px;
}
a.video-thumb:hover {
	border-color:#df3d0e;
	background-color:#fecb00;
}
.video-thumb .img {
	position:relative;
	overflow:hidden;
	display:block;
	height:0px;
	padding-top:68px;
	background-position: center center;
	background-repeat: no-repeat;
}
.video-cell span.title {
	font-size:10px;
	line-height:10px;
	padding:0 3px;
	display:block;
}

/*Newsletter*/
ul.listediffusion {
	list-style:none;
	width:200px;
	text-align:left;
	padding-left:40px;
}

ul.listediffusion li{
	/*float:left;*/
}

/* BAS */
.basSite { padding-top:30px; color:#ffffff; font-size:10px; }
.basSite a { color:#ffffff; text-decoration:none; }

.basSite li { float:left; margin-right:6px; list-style:none; }
.basSite a { margin-right:6px; }
.basSite a:hover { text-decoration:underline; }

.basSite #mentions { clear:both; }
.copyright { float:left; width:400px; }
.copyright a { margin:0; }
#logopmp { width:100px; float:right; text-align:right; }
#logopmp a { width:73px; height:30px; display:block; background:transparent url(../_image/pmplogo.png) no-repeat; }
#logopmp a span { display:none; }

/* NAVIGATION */
.navigation { float:right; line-height:28px; color:#d50f16; font-size:11px; }
.navigation a { padding:1px 5px 1px 5px; border:1px solid #f19200; text-decoration:none; color:#e86907; margin:0 2px 0 2px; }
.navigation a:hover { padding:1px 5px 1px 5px; border:1px solid #d50f16; text-decoration:none; color:#d50f16; }
.navigation span { padding:1px 5px 1px 5px; border:1px solid #d50f16; text-decoration:none; background-color:#fff }
.navigation a#precedent { padding:1px 5px 1px 5px; border:1px solid #f19200; text-decoration:none; color:#e86907; }
.navigation a:hover#precedent { padding:1px 5px 1px 5px; border:1px solid #d50f16; text-decoration:none; color:#d50f16; }
.navigation a#suivant { padding:1px 5px 1px 5px; border:1px solid #f19200; text-decoration:none; color:#e86907; }
.navigation a:hover#suivant { padding:1px 5px 1px 5px; border:1px solid #d50f16; text-decoration:none; color:#d50f16; }

.retourActu { padding:15px 0 2px 10px; background:transparent url(../_image/puce02.png) 0 18px no-repeat; }

/*BANNIERE*/
.banniere{
	text-align:center;
}

.banniere img{
	margin-top:10px;
}

/*Message de Bob*/
.messagedebob {
	clear: both;
	overflow: hidden;
	background: url(../_image/haut_messagebob.png) no-repeat left top;
	padding-top: 14px;
}
.messagedebob .content {
	background:#fecb00;
	padding:0 17px 0 17px;
	position: relative;
	clear: both;
}
.messagedebob .content * {
	line-height: normal;
	text-align: left;
}
.messagedebob .basFenetre {
	margin-bottom:20px;
}


/*TARIFS COURS*/
.tarifsCours {
	width: 100%;
}
.tarifsCours td,
.tarifsCours th {
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #caa200;
}
.tarifsCours td {
	padding-left: 20px;
	line-height: 18px;
}
.tarifsCours td h3 {
	padding-bottom: 5px;
}

/* Facebook */
.facebook {
	text-align: center;
	padding-top: 20px;
}