/*****/
/* Global
/*****/

* {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

a {
	text-decoration: none;
	cursor: pointer;
}

p#to_hide {
	display: none;
}

body {
    font-family: Arial, Verdana, Times;
    font-size: 11px;
    color: #494a4c;
    background-color: #aeaba2;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top right;
}

.complet{background-color: #A87588;}
.required{background-color: #84837F;}

body.choreia {background-image: url(../images/bg-choreia.png);}
body.galerie {background-image: url(../images/bg-galerie.png);}
body.studio {background-image: url(../images/bg-studio.png);}
body.discipline {background-image: url(../images/bg-discipline.png);}
body.professeur {background-image: url(../images/bg-ensavoirplus.png);}
body.stage {background-image: url(../images/bg-stage.png);}
body.edito {background-image: url(../images/bg-edito.png);}
body.mention {background-image: url(../images/bg-mention.png);}

div.legend {width: 200px;clear: both;padding-top: 4px;padding-bottom: 4px;}
p.bloc {width: 30px;height: 14px; float: left; margin-right: 5px;}

div.video {
	margin-bottom: 20px;
}

.red {color: #ef2452;}
.purple {color: #b70b9b;}
.violet {color: #9325b2;}
.pink {color: #e50575;}
.white {color: #fff;}
.black {color: #2d2a29;}
.grey {color: #616265;}
.uppercase {text-transform: uppercase;}
.verdana {font-family: Verdana;}

h3 {
	color: #616265;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 12px;
	margin-bottom: 12px;
}

h4 {
	color: #616265;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 16px;
}

h5 {
	color: #616265;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 16px;
}

table.tab {
	width: 100%;
	clear: both;
	margin-top: 15px;
	background-color: #bebcb5;
}

table.tab th{
	color: white;
	text-align: center;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #aeaba2;
	border-right: 1px solid #aeaba2;
}

table.tab td{
	padding: 8px;
}

table.tab td div.item,div.part div.item{clear: both;}

table.tab td.bordertop{border-top: 1px solid #aeaba2;}
table.tab td.borderright{border-right: 1px dotted #aeaba2;width: 100px;}

.marginie8{margin-bottom /*\**/: 10px\9;#margin-bottom: 0px;_margin-bottom: 0px;}

/*******/
/* Header
/*******/

div#header {
	width: 963px;
	margin: auto;
	text-align: left;
	height: 108px;
	padding-top: 20px;
	z-index: 3;
}

div#header a{position: absolute;z-index: 3;}

/*******/
/* Main
/*******/

div#ie {
	#position: absolute;
	_position: absolute;
	#left: 0px;
	_left: 0px;
	#z-index: 0;
	_z-index: 0;
}

div#main-container {
	width: 963px;
	margin: auto;
	text-align: left;
	background-repeat: no-repeat;
	background-position: top right;
}

div#main-container.home {
	background-image: url(../uploads/homepage/background.jpg);
	height: 481px;
}

div#menu {
	position: absolute;
	width: 800px;
	margin: 0px;
	z-index: 1;
}

div#menu p.item{
	color: white;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 16px;
	font-weight: bold;
	font-size: 12px;
}
div#menu p.item a{color: white;}
div#menu p.item a.current{color: black;}

div#menu ul li{font-size: 15px;text-transform: uppercase;margin-bottom: 3px;font-weight: bold;}
div#menu ul li.current{font-size: 80px;line-height: 70px;}


div#menu ul li.red a{color: #ef2452;}
div#menu ul li.purple a{color: #b70b9b;}
div#menu ul li.violet a{color: #9325b2;}
div#menu ul li.pink a{color: #e50575;}

div#menu div#sub {
	margin-top: 50px;
	width: 200px;
	color: #B70B9B;
	font-size: 12px;
}

div#menu div#sub a{color: #B70B9B;}

div#menu div#sub p{margin-bottom: 8px;}

div#menu ul#footer {
	margin-top: 50px;
}

div#menu ul#footer li{font-size: 10px;font-family: Verdana;text-transform: none;}
div#menu ul#footer li a{color: #616265;}

div#content {
	position: absolute;
	width: 800px;
	margin: 0px;
	margin-left: 163px;
	z-index: 2;
}
div#content-part {padding-bottom: 20px;}
div#content-part, img#arrow, div#left-part, div#right-part {position: absolute;}
div#content-part p, div#left-part{line-height: 15px;}
img.plus {float: left;margin-right: 6px;}
div#content-part p.plus-desc {float: left;font-size: 10px;color: white;line-height: 10px;margin-top: -3px;font-weight: bold;}

div#content-part div.right{
	width: 46%;
	float: left;
	#width: 46%;
	_width: 45%;
}

div#content-part div.left{
	width: 46%;
	float: left;
	margin-right: 7%;
	#width: 46%;
	_width: 45%;
	#margin-right: 7%;
	_margin-right: 5%;
}

div#content-part p.label{
	float: left;
}

div#content-part p.value{
	float: right;
}

div#content-part p.title{
	font-size: 14px;
	margin-bottom: 6px;
}

div#content-part div.part {
	margin-top: 15px;
}

p#mention {
	margin-bottom: 15px;
	text-transform: uppercase;
}

/*******/
/* Edito
/*******/

div#edito img#arrow {
	margin-top: 70px;
	margin-left: 100px;
}

div#edito div#content-part {
	width: 567px;
	margin-left: 140px;
	padding-top: 4px;
}

div#edito div#content-part div.left {
	width: 226px;
	position: absolute;
	color: white;
	font-weight: bold;
	font-size: 14px;
}

div#edito div#content-part div.right {
	position: absolute;
	width: 309px;
	margin-left: 256px; 
	font-size: 10px;
	font-family: Verdana;
	padding-top: 18px;
}

div#edito div#content-part div.right h4{margin-bottom: 4px;margin-top: 30px;}

/*******/
/* Standard
/*******/

div#standard {
	padding-top: 185px;
}

div#standard h3{color: #474441;margin-top: 5px;margin-bottom: 5px;}

div#standard div#content-part {
	width: 519px;
	margin-left: 40px;
}

div#standard div#content-part p{
	margin-top: 18px;
	margin-bottom: 18px;
}

div#standard div#content-part p.plus-desc{margin-top: -3px;}

div#standard div#content-part div.left p,
div#standard div#content-part div.right p{
	margin-bottom: 18px;
	margin-top: 0px;
}

div#standard div#content-part p.white{
	font-weight: bold;
	color: white;
	font-size: 14px;
}

div#standard div#content-part p.black{
	color: #2d2a29;
	font-weight: bold;
}

div#standard div#content-part ul li{
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	height: 16px;
	padding-left: 32px;
	margin-bottom: 6px;
}

div#standard div#content-part ul li a{color: white;}

/*******/
/* Tarif
/*******/

div#tarif {
	padding-top: 172px;
}

div#tarif img#arrow {
	margin-left: 130px;
}

div#tarif div#left-part {width: 118px;margin-left: 27px;margin-top: 44px;text-align: right;text-transform: uppercase;}

div#tarif div#content-part {
	width: 486px;
	margin-left: 166px;
}

div#tarif div#content-part div.left{
	width: 48%;
	float: left;
	margin-right: 4%;
	#margin-right: 4%;_margin-right: 3%;
	#width: 48%;_width: 46%;
}

div#tarif div#content-part div.right{
	width: 48%;
	float: left;
	#width: 48%;
	_width: 46%;
}

div#tarif div#content-part h4{margin-top: 0px;}

/*******/
/* Stage
/*******/

div#stage {
	padding-top: 180px;
}

div#stage img#arrow {
	margin-left: 0px;
}

div#stage div#content-part {
	width: 703px;
	margin-left: 40px;
}

div#stage div#content-part div.left {
	width: 227px;
	padding-right: 25px;
	margin: 0px;
}

div#stage div#content-part div.right {
	width: 450px;
}

div#stage div#content-part div.left h4{
	margin: 0px;
}

div#stage div#content-part div.right h3{
	margin-bottom: 0px;
	margin-top: 8px;
}

div#stage div#content-part div.right h4{
	margin-bottom: 0px;
}

div#stage div#content-part div.right p.accroche{
	margin-bottom: 15px;
	color: white;
}

div#stage div#content-part div.right a{color: #b70b9b;}

div#stage div#content-part div.right div.description b{
	text-transform: uppercase;
	color: #2d2a29;
}

div#stage div#content-part div.right div.left-tabs,
div#stage div#content-part div.right div.right-tabs{
	width: 215px;
	margin-right: 10px;
	clear: none;
	float: left;
}

div#stage div#content-part div.right div.right-tabs {
	margin-top: 28px;
}

/*******/
/* Discipline
/*******/

div#discipline {padding-top: 118px;}

div#discipline img#arrow {
	margin-left: 350px;
}

div#discipline div#right-part {width: 162px;margin-left: 390px; }
div#discipline div#right-part h4{margin: 0px;}
div#discipline div#right-part ul li{margin-bottom: 6px;}

div#discipline div#content-part {
	width: 345px;
	margin-left: 20px;
	margin-top: 50px;
	text-align: right;
}

div#discipline div#content-part h4{margin-top: 15px;margin-bottom: 4px;}

div#stage div#content-part b{
	color: white;
	font-weight: bold;
}

/*******/
/* Planning
/*******/

div#planning {padding-top: 262px;}

div#planning img#arrow {
	margin-left: 322px;
}

div#planning div#content-part {
	width: 400px;
	margin-left: 365px;
}

div#planning div#content-part h4, div#planning div#content-part h5{margin-top: 0px;margin-bottom: 5px;}

div#planning div#left-part {width: 240px;margin-top: 44px;text-align: right;margin-left: 98px;}
div#planning div#left-part h4{margin-top: 0px;margin-bottom: 10px;}
div#planning div#left-part form p{margin-bottom: 6px;}
div#planning div#left-part form select{color: #e50575;font-size: 11px;font-family: Arial;margin-left: 6px;width: 130px;}
div#planning div#left-part form ul li {height: 20px;}
div#planning div#left-part form ul li input{float: right;margin-top: 2px;margin-left: 6px;#margin-top: -1px;_margin-top: -1px;_clear: both;#clear: both;}
div#planning div#left-part form p.submit{margin-bottom: 0px;margin-top: 6px;_clear: both;#clear: both;}
div#planning div#left-part form div#filter_discipline,
div#planning div#left-part form div#filter_teacher{margin-top: 6px;}

/*******/
/* En savoir plus
/*******/

div#ensavoirplus {padding-top: 224px;}

div#ensavoirplus img#arrow {
	margin-left: 362px;
}

div#ensavoirplus div#content-part {
	width: 290px;
	margin-left: 405px;
}

div#ensavoirplus form input,
div#ensavoirplus form textarea{
	font-style: italic;
	color: #afafaf;
	padding: 3px;
	font-family: Verdana;
	font-size: 10px;
}

div#ensavoirplus form div#content-part input,div#ensavoirplus form div#content-part textarea{border: none;}
div#ensavoirplus form div#content-part input{margin-right: 4px;float: left;}
div#ensavoirplus form div#content-part label{height: 20px;width: 200px;float: left;margin-bottom: 10px;line-height: 11px;}
div#ensavoirplus form div#content-part p{clear: both;}
div#ensavoirplus form div#content-part textarea{width: 268px;height: 138px;float: none;}
div#ensavoirplus div#content-part h4{margin-top: 0px;}

div#ensavoirplus div#left-part {width: 279px;margin-top: 44px;text-align: right;margin-left: 98px;}
div#ensavoirplus p#mention{margin-bottom: 30px;}
div#ensavoirplus form p{margin-bottom: 10px;}
div#ensavoirplus form div#left-part input{border: 0px;width: 165px;margin-left: 6px;}
div#ensavoirplus form div#left-part input.submit{width: 91px;margin-top: 20px;}

/*******/
/* Professeur
/*******/

div#professeurs {padding-top: 137px;}

div#professeurs img#arrow {
	margin-left: 455px;
}

div#professeurs div#right-part {
	margin-left: 490px;
	width: 210px;
}

div#professeurs div#right-part h4{margin-top: 0px;margin-bottom: 4px;}
div#professeurs div#right-part div#lexique a{font-size: 14px;text-transform: uppercase;color: white;font-weight: bold;}
div#professeurs div#right-part div#lexique{margin-bottom: 15px;}
div#professeurs div#right-part ul li.separator{margin-bottom: 15px;}

div#professeurs div#content-part {
	width: 290px;
	margin-left: 178px;
	text-align: right;
	margin-top: 38px;
}

div#professeurs p{margin-bottom: 10px;}
div#professeurs div#content-part select{border: 0px;width: 165px;margin-left: 6px;color: #ef2452;font-size: 11px;}
div#professeurs div#content-part input.submit{width: 91px;margin-top: 20px;margin-bottom: 0px;}
div#professeurs div#content-part h4 {margin-top: 0px;}

div#professeurs div#professeur{
	text-align: left;
	margin-top: 250px;
	position: absolute;
	width: 467px;
}
div#professeurs div#professeur h4{width: 170px;margin-top: 80px;}
div#professeurs div#professeur h2{font-size: 11px;text-transform: uppercase;color: white;}

div#professeurs div#professeur div.right,
div#professeurs div#professeur div.left{
	line-height: 15px;
}

div#professeurs div#professeur div#description h2 {margin-bottom: 12px;}

div#professeurs div#professeur div#description,
div#professeurs div#professeur div#description td,
div#professeurs div#professeur div#description th{line-height: 16px;}
div#professeurs div#professeur div#description td,
div#professeurs div#professeur div#description th{width: 48%;}
div#professeurs div#professeur div#description th{padding-right: 2%;}
div#professeurs div#professeur div#description td{padding-left: 2%;}
div#professeurs div#professeur div#description table {width: 100%;}

div#professeurs div#professeur div.right{
	width: 48%;
	float: left;
}

div#professeurs div#professeur div.left{
	width: 48%;
	float: left;
	padding-right: 4%;
}

/*******/
/* Studio
/*******/

div#studio {padding-top: 82px;}

div#studio img#arrow {
	margin-left: 390px;
}
div#studio div#right-part {margin-left: 430px;}
div#studio div#right-part h4{margin-top: 0px;}

/*******/
/* Galerie
/*******/

div#galerie {padding-top: 130px;}

div#galerie img#arrow {
	margin-left: 10px;
}

div#galerie div#content-part {
	width: 600px;
	margin-left: 58px;
}

div#galerie.detail div#content-part ul#pictures li{
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}

div#galerie.detail div#content-part ul#pictures li img{width: 250px;}
div#galerie.detail div#content-part ul#pictures li a{color: white;}


div#galerie.detail div#content-part form,
div#galerie.detail div#content-part div.comment{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #BEBCB5;
	width: 560px;
}

div#galerie.detail div#content-part form ul.errorlist li{
	color: red;
	padding-left: 100px;
}

div#galerie.detail div#content-part form p.success{
	color: #4F9C38;
}

div#galerie.detail div#content-part div.comment p.head{
	border-bottom: 1px solid #AEABA2;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-style: italic;
	color: white;
}

div#galerie.detail div#content-part div.comment p.head label{
	color: #9325B2;
	font-size: 14px;
	font-style: normal;
	float: left;
	width: 470px;
}

div#galerie.detail div#content-part div.comment p.delete {
	text-align: right;
}

div#galerie.detail div#content-part div.comment p.delete a{
	color: white;
}

div#galerie.detail div#content-part form {padding-bottom: 1px;}
div#galerie.detail div#content-part form p{margin-bottom: 10px;}
div#galerie.detail div#content-part form label {
	float: left;
	width: 100px;
	color: #9325B2;
}

div#galerie.detail div#content-part form input,
div#galerie.detail div#content-part form textarea{
	width: 300px;
	padding: 3px;
	font-family: Verdana;
	font-size: 10px;
	border: 0px;
}


div#galerie.detail div#content-part form input{width: 200px;}

div#galerie.detail div#content-part form input.submit {width: 91px;position: absolute;margin-top: -39px;margin-left: 420px;}

div#galerie.detail div#content-part form textarea{height: 70px;}

div#galerie div#content-part h4{margin-top: 0px;}
div#galerie div#content-part h5{margin-bottom: 0px;margin-top: 6px;}

div#galerie div#content-part div.right{
	width: 47%;
	float: left;
}

div#galerie div#content-part div.left{
	width: 48%;
	float: left;
	margin-right: 4%;
}

div#galerie div#content-part div.left img{width: 250px;}
div#galerie div#content-part div.left ul li{width: 66px;float: left;}
div#galerie div#content-part div.right p.video-link{margin-top: 5px;margin-bottom: 10px;}
div#galerie div#content-part div.right p.video-link img{float: left;margin-top: 4px;margin-right: 4px;}

/*******/
/* Actualites
/*******/

p#button-off {
	position: absolute;width: 100%; 
	background-image: url(../images/bg-actu.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 603px;
	z-index: 0;#left: 0px;
}

p#button-off img{
  float: right;
  margin-right: 32px;
  margin-top: 62px;
}

#toggler-sup {#position: absolute;
	_position: absolute;
	#width: 100%;
	_width: 100%;
	#left: 0px;
	_left: 0px;
	#z-index: 6;
	_z-index: 6;}
#toggler { width: 495px; height: 603px; float: right;}
#effect { width: 495px; height: 603px; position: relative; }

div#actu {
	float: right;
	#position: absolute;
	_position: absolute;
	#width: 100%;
	_width: 100%;
	#left: 0px;
	_left: 0px;
	#z-index: 6;
	_z-index: 6;
}

div#actu-content-on p#button-open{position: absolute;z-index: 5;
margin-left /*\**/: 0px\9;#margin-left: -245px;margin-top: 62px;}

div#actu-content-on,
div#actu-content-off{
	background-image: url(../images/bg-actu.png);
	background-repeat: no-repeat;
	float: right;
	height: 603px;
}

div#actu-content-off {
	width: 61px;
	position: absolute;
}

div#actu-content-on {
	width: 495px;
}

div#actu-content-on-block {
	background-image: url(../images/bg-actu.png);
	background-repeat: no-repeat;
	padding-left: 61px;
	#padding-left: 0px;
	_padding-left: 0px;
	height: 603px;
	text-align: left;
	position: absolute;
	#margin-left: -186px;
	_margin-left: -186px;
	z-index: 4;
	width: 434px;
	#width: 434px;
	_width: 434px;
}

div#actu-content-on-content {
	padding-top: 13px;
	height: 588px;
	width: 429px;
	padding-left: 5px;
	background-color: white;
}

div#actu-content-on-content table#actus{
	margin-top: 12px;
	width: 427px;
}

div#actu-content-on-content table#actus td div{
	height: 125px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#actu-content-on-content table#actus td h4{
	margin-top: 0px;
	margin-bottom: 0px;
}

div#actu-content-on-content table#actus td img{
	float: left;
	margin-right: 12px;
}

div#actu-content-on-content table#actus td {
	width: 135px;
	border-top: 1px solid #aeaba2;
	border-right: 1px solid #aeaba2;
	padding-right: 2px;
	padding-left: 4px;
}

div#actu-content-on-content table#actus td.right {
	border-right: 0px;
}

div#newsletter {width: 48%;float: right;padding-top: 7px;#padding-top: 0px;_padding-top: 0px;}
div#newsletter input{border: 1px solid #b3b3b3;width: 88px;height: 14px;margin-top: 1px;font-size: 10px;float: left;color: #666666;}
div#newsletter input.submit{width: 21px;height: 15px;border-top: 0px;}

/*******/
/* Magazine
/*******/

div#magazine {
	width: 404px;
	margin-left: 30px;
}

div#magazine h4{color: white; width: 200px;margin-top: 0px;}
div#magazine div#links{width: 220px;float: right;}
div#magazine div.categories h5{color: white;margin-top: 0px;}

div#magazine div.categories div.left{background-color: #5c5c5c;color: #fffefc;padding: 10px;width: 271px;float: left;margin: 0px;}
div#magazine div.categories div.right{float: left;margin-left: 20px;width: 110px;}
div#magazine div.categories div.left p.next{margin-bottom: 15px;}
div#magazine div.categories div.left img{margin-bottom: 10px;}

div#magazine ul li {width: 150px;color: white;text-transform: uppercase;font-weight: bold;margin-bottom: 8px;}
div#magazine ul li a{color: white;}
div#magazine ul li a.current{color: #616265;}

div#magazine #article div.left{padding: 0px;width: 291px;float: left;margin: 0px;color: #fffefc;}
div#magazine #article div.right{float: left;margin-left: 20px;width: 110px;}
div#magazine #article div.left div.part{padding: 10px;background-color: #5c5c5c;margin: 0px;}
div#magazine #article div.left div.comment{padding: 10px;}
div#magazine #article div.left div.part a{color: white;}
div#magazine #article div.left div.part h5{color: white; width: 250px;}
div#magazine #article div.left div.comment textarea{width: 100%;height:134px;}
div#magazine #article div.left div.comment textarea,
div#magazine #article div.left div.comment select,
div#magazine #article div.left div.comment input{background-color: #5c5c5c;color: #fffefc;border: 0px;margin-bottom: 6px;}
div#magazine #article div.left div.comment input,
div#magazine #article div.left div.comment select{width: 175px;float: right;}
div#magazine #article div.left div.comment input.submit{background-color: transparent;width:91px;}
div#magazine #article div.left div.comment label {float: left; width: 90px;margin-bottom: 6px;}
div#magazine #article div.left div.comment div.errors{margin-bottom: 10px;color: #ef2452;}