/*
	P'Pole
	Définition des feuilles de style
	Auteur : Cécile Roussel - Alliances Consultant

	Couleurs de base :
	
	Noir :						#000000
	Gris foncé :			#333333
	Gris clair :			#808080
	Orange foncé :		#FF3300
	Orange clair :		#FFCC99
	Bleu :						#0066CC
	Bordeaux :				#B3210D

*/



/***  Définitions générales  ***/


* {
	margin: 0;
	padding: 0;
}


/* commented backslash hides from ie5mac \*/ 
html, body {
	height: 100%;
} 
/* end hack */ 

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 68%;
	line-height: 1.3em;
	text-align: center;
	color: #000;
	background-color: #000;
	padding-top: 0;
	border-top: solid 6px #FF3300;
}

a {
		color: #FF8800;
		text-decoration: none;
}

a:hover {
		color: #FF3300;
		text-decoration: none;
}

img {
	border: 0;
}



/*** Titres ***/

h1, h1.space {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 190%;
	color: #B3210D;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 28px;
}

h1.space {
	line-height: 26px;
}

h2, h2.nospace, h2.big, h2.aucentre, h2.home {
	font-size: 100%;
	color: #FF3300;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 8px;
}

h2.home {
	color: #B3210D;
	font-size: 120%;
	margin-top: 0;
}

h2.nospace {
	margin-top: 0;
}

h2.aucentre {
	color: #0066CC;
	text-align: center;
	margin-top: 0;
	font-size: 140%;
}

h2.morespace {
	margin-top: 32px;
}


h2.big {
	font-size: 120%;
}

h3, h3.gris {
	font-size: 100%;
	color: #B3210D;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 8px;
}

h3.gris {
	color: #808080;
}

h3.nospace {
	margin-top: 0;
}

h1.cours {
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	height: 50px;
	background: transparent url(../img/titres/cours-pole-dance.jpg) 0 0 no-repeat;
}




/*** Alignements, nettoyage ***/

.agauche { float: left; }
.agauchem {	float: left; padding-right: 60px; }

.adroite {
	float: right;
}

.aucentre {
	text-align: center;
}

.spacer { clear: both; height: 1px;}

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*** Conteneurs ***/

#main {
	width: 100%;
	background: #333 url(../img/pole-dance-noir-degrade-1.jpg) repeat-x left top;
}


#ajaxmenu {
	position: relative;
	color: #FFF;
	z-index:65;
	font-size: 15px;
	height: 40px;
	background-image: url(../img/vagues.gif);
	background-repeat: no-repeat;
}

#pole-dance {
	margin: 0 auto;
	width: 860px;
}

#page {
	float: left;
	width: 680px;
	border: solid 1px #FF3300;
	background: #FFF url(../img/barre-haut.jpg) no-repeat;
}

#contenu {
	text-align: left;
	padding: 0 30px 40px 46px;
	background: #FFF url(../img/energie.jpg) no-repeat bottom;
}

#minheight {
	height: 340px;
}

#intro {
	float: left;
	width: 180px;
}

#minheight {
	height: 310px;
}

div.bloc-gris, div.bloc-gris2 {
	float: left;
	padding: 4px 8px 0 8px;
	background-color: #F4F4F4;
}

div.bloc-gris2 {
	width: 200px;
}




/*** Galleries ***/

.entete-gallery {
	font-size: 13px;
	font-weight: bold;
	padding-top: 8px;
	width: 370px;
	height: 20px;
	text-align: center;
	background: url(../img/entete-gallery.jpg) no-repeat;
}

.photos {
	float: right;
	margin-top: 10px;
	margin-left: 40px;
	width: 202px;
}

#myGallery {
	width: 200px !important;
	height: 277px !important;
}

div.artiste {
	float: right;
	margin-left: 10px;
	margin-top: 35px;
	width: 370px;
}

div.artiste p {
	margin-left: 4px;
}

#myGallery2 {
	margin-left: 4px;
	width: 360px !important;
	height: 240px !important;
}



/*** Pied de page ***/

#footer {
	clear: both;
	height: 54px;
	border-bottom: 6px solid #FF3300;
	background: url(../img/pole-dance-noir-degrade-2.jpg) repeat-x bottom;
}

#copyright {
	margin: 0 auto;
	width: 680px;
	color: #FFF;
}

#copyright p {
	text-align: left;
	padding-top: 6px;
}

#copyright a {
	color: #FFCC99;
	text-decoration: none;
}

#copyright a:hover {
	color: #FF3300;
	text-decoration: none;
}



/*** Listes ***/

ul, ul.espace {
	margin: 8px 30px 8px 24px;
	list-style-image: url(../img/puce-rond.gif);
}

ul.home {
	margin: 8px 0 8px 24px;
	list-style-image: url(../img/puce-rond.gif);
}

ul li, ul.espace li {
	margin-left: 8px;
}

ul.rondnobr {
	margin-top: 0px;
}

ul.espace {
	margin-bottom: 16px;
}

ul.espace li {
	margin-bottom: 8px;
}

ul.noespace {
	margin: 8px 30px 8px 8px;
	list-style-image: url(../img/puce-rond.gif);
}


/*** Images ***/

img.pdf {
	display: inline;
	vertical-align: middle;
}

#contenu p img.icone {
	border: 0;
	display: inline;
	vertical-align: middle;
	margin-left: 0;
	padding-left: 0;
}

img.titre {
	margin-bottom: 12px;
}

img.vague {
	margin-left: 20px;
	margin-right: 20px;
}

img.logo {
	float: left;
	border: 0;
	margin: 12px 30px 0 36px;
}

img.jambe {
	float: left;
	margin-top: 72px;
}

html[xmlns] img.jambe {			/* Hack pour IE 5.x, 6 */
	margin-top: 64px;
}

img.alliances {
	float: left;
	margin-top: 180px;
	border: 0;
}

img.accroche {
	float: right;
	margin-top: 8px;
}

img.illu {
	float: right;
	border: solid 1px #FF6600;
	margin-left: 40px;
}

img.illu2 {
	float: right;
	border: solid 1px #000;
	margin-left: 40px;
}

img.illu3 {
	float: right;
	border: 0;
	margin-left: 40px;
}

img.illu4 {
	border: solid 1px #000;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

img.illu5 {
	border: solid 1px #000;
	float: left;
	margin-left: 0;
	margin-right: 20px;
}

img.pole {
	clear: left;
	border: solid 2px #C0C0C0;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.x-pole {
	margin-right: 20px;
}

.photo {
	float: left;
	margin-left: -20px;
	margin-right: 20px;
}

.photo p {
	margin-left: 20px;
}

img.tenue {
	margin-top: 6px;
}



/*** Evenement ***/

#evenement {
	float: left;
	font-size: 90%;
	margin: 20px 0 0 20px;
	color: #000;
	width: 230px;
	text-align: left;
}

#evenement h1 {
	color: #B3210D;
	font-size: 140%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 8px;
	letter-spacing: 0;
	text-transform: uppercase;
}

#evenement h1.rose {
	color: #e614bc;
	font-size: 130%;
}

#evenement h2 {
	color: #000;
/*	font-size: 120%;*/
	font-size: 110%;
}

#evenement a {
/*	color: #000;*/
	color: #B3210D;
	text-decoration: none;
}

#evenement a:hover {
	color: #FF3300;
	text-decoration: none;
}

#evenement a.org {
	color: #FF3300;
	text-decoration: none;
}

#evenement a.bleu {
	color: #0066CC;
	text-decoration: none;
}

#evenement a.bleu:hover {
	color: #FF3300;
	text-decoration: none;
}

#evenement img {
	margin-left: 8px;
	margin-top: 8px;
/*	border: solid 1px #000; */
}

#evenement img.noborder {
	margin-top: 10px;
	border: 0;
}




/*** Textes ***/

.noir { color: #000; }
.small { font-size: 10px; }

.reseau-pole-dance-main, .reseau-pole-dance {
	color: #FFF;
	line-height: 23px;
	font-weight: bold;
	background: #333 url(../img/reseau.jpg) no-repeat;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 16px;
	_height: 19px; /* IE 6 */
}

.reseau-pole-dance {
	_padding-top: 4px;
}

.accroche {
	color: #000;
	font-weight: bold;
}

.bleu {
	color: #0066CC;
	font-weight: bold;
}

p.fond-gris {
	background-color: #F4F4F4;
	padding: 4px;
	margin-bottom: 12px;
}

.orange {
	color: #FF3300;
	font-weight: bold;
}

.bordeaux {
	color: #B3210D;
	font-weight: bold;
}

.rose {
	color: #FF6699;
	font-weight: bold;
}

.grey {
	color: #808080;
	font-weight: bold;
}

#contenu p {
	padding-bottom: 8px;
}

div.entete {
	height: 23px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	margin-bottom: 0px;
	background: #FFF url(../img/tete-affiche.gif) repeat-x;
}

div.entete p {
	padding-top: 2px;
}



/*** Liens ***/

a.lien-ext {
	color: #FF8800;
}

a.lien-ext:hover {
	color: #FF3300;
}

a.lien-ext:after {
	content: url(../img/lien-ext.gif);
}

a.gris {
	color: #808080;
	text-decoration: none;
}

a.gris:hover {
	color: #FF3300;
	text-decoration: none;
}

a.noir {
	color: #000;
	text-decoration: none;
}

a.noir:hover {
	color: #FF3300;
	text-decoration: none;
}

a.orange {
	color: #FF3300;
	font-weight: bold;
	text-decoration: none;
}

a.orange:hover {
	color: #FFCC99;
	font-weight: bold;
	text-decoration: none;
}

a.bleu {
	text-decoration: none;
}




/*** Formulaires ***/

form {
	margin-bottom: -10px;
}

input {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF4F2;
	border: solid 1px #C0C0C0;
	padding: 2px 0 2px 0;
}

input.submit {
	border: 0;
	background-color: #FFF;
	margin-top: 8px;
}

input.submitbckg {
	background: #FFF url(../img/submitbck.jpg);
	border: 0;
	font-weight: bold;
	font-size: 10px;
	height: 29px;
	margin-top: 8px;
	width: 75px;
}

input.checkbox {
	border: 0;
	background-color: #FFF;
	margin: 0 8px 0 0;
	vertical-align: top;
}

select {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF4F2;
	border: solid 1px #C0C0C0;
}

option {
	padding: 1px 4px 1px 4px;
}

textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF4F2;
	border: solid 1px #C0C0C0;
	padding: 2px 0 2px 0;
}

.erreur, .alerte {
	font-weight: bold;
	color: #990000;
}

.alerte3 {
	font-weight: normal;
	color: #990000;
}

.alerte2 {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}

div.newsletterContent {
	margin-top: 20px;
	margin-bottom: 40px;
	padding-top: 16px;
	padding-bottom: 0;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
}

div.newsletter {
	margin-bottom: 16px;
}

div.newsletter input.submit {
	margin-top: 0;
}

input#wa-inscription, input#wa-desinscription {
	background-color: #FFF;
	border: 0;
}

#pay input {
	background-color: #FFF;
	border: 0;
}






/*** Tables ***/

table {
	font-size: 100%;
}

table.formulaire td {
	padding: 2px 0 2px 0;
}

table.formulaire th, table.formulaire td {
	vertical-align: top;
}

td.space { width: 40px; }
td.space2 { width: 20px; }



/*** Images ***/

.floatright {
	clear: right;
	float: right;
	margin: 0 0 10px 10px;
}

.floatright2 {
	border: solid 1px #000;
	clear: right;
	float: right;
	margin: 0 0 20px 10px;
}


/*** Accueil ***/

#introduction {
	float: left;
	width: 200px;
	margin-right: 20px;
}

table#accueil {
	float: left;
	width: 380px;
	margin-top: 10px;
}

table#accueil td {
	vertical-align: top;
}

table#accueil td.visuel {
	width: 110px;
	height: 100px;
	text-align: center;
}

table#accueil td.central {
	padding-left: 10px;
}

table#accueil td.legende, table#accueil td.legende2 {
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 40px;
}

table#accueil td.legende2 {
	padding-bottom: 16px;
}

table#accueil td.legende3 {
	text-align: center;
	padding-bottom: 40px;
}

table#accueil td p {
	padding-bottom: 0;
}

table#accueil td p.noir {
	font-weight: bold;
}

table#accueil td p.noir a {
	color: #0066CC;
	text-decoration: none;
}

table#accueil td p.noir a:hover {
	color: #FF3300;
	text-decoration: none;
}

table#accueil td p.orange {
	font-weight: bold;
	color: #FF3300;
}


table.data {
	border-collapse: collapse;
	border-bottom: solid 2px #F5F5F5;
	margin-top: 20px;
}

table.data td {
	height: 27px;
	padding: 2px 10px 2px 10px;
}

table.data th {
	background-color: #FEEBE5;
	padding: 2px 10px 2px 10px;
}

td.gris {
	background-color: #F5F5F5;
}

table.data td img {
	padding-top: 3px;
}


/*** Boutique ***/

div.commande, div.commande-actu {
	float: left;
	height: 31px;
	width: 172px;
	color: #FFF;
	text-align: center;
	padding-top: 16px;
	background: #FFF url(../img/bouton-boutique.jpg) no-repeat;
}

div.commande a, div.commande-big a, div.commande-actu a {
	font-family: Arial;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

div.commande-actu {
	background: #F4F4F4 url(../img/bouton-boutique-actu.jpg) no-repeat;
}

div.commande a:hover, div.commande-big a:hover, div.commande-actu a:hover {
	color: #B3210D;
}

div.commande-big {
	float: left;
	height: 31px;
	width: 250px;
	color: #FFF;
	text-align: center;
	padding-top: 16px;
	background: #FFF url(../img/bouton-boutique-big.jpg) no-repeat;
}