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

body {
	background-color: #000000;
	font-family: Verdana;
	font-size: 11px;
}

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

div#menu {
	width: 27%;
	background-color: #6F7173;
	float: left;
	height: 580px;
}

div#menu div#menu-part {
	float: right;
	width: 233px;
	padding-right: 30px;
}

div#main {
	width: 73%;
	background-color: #ffffff;
	float: left;
	height: 580px;
}

p#ariane {
	color: #5d5e60;
}

/*****/
/* Menu
/*****/

div#menu div#menu-part ul#menu,
div#menu div#menu-part ul#footer {text-align: right;color: white;font-size: 12px;padding-left: 39px;margin-top: 43px;}
div#menu div#menu-part ul#menu li,
div#menu div#menu-part ul#footer li{text-transform: uppercase;padding-top:5px;padding-bottom:5px;line-height: 13px;padding-right: 10px;}
div#menu div#menu-part ul#menu li.current,
div#menu div#menu-part ul#footer li.current{background-color:  #85a7d3;color: #5e5e5e;}
div#menu div#menu-part ul#footer li.current a{color: #5e5e5e;}
div#menu div#menu-part ul#menu li a.black {color: #000000;}
div#menu div#menu-part ul#menu li a{color: white;}
div#menu div#menu-part ul#menu li.current a{color: #5e5e5e;}

div#menu div#menu-part ul#footer {margin-top: 110px;}
div#menu div#menu-part ul#footer li{text-transform: none;color: #b3b3b3;padding-top: 3px;padding-bottom: 3px;}
div#menu div#menu-part ul#footer li.mark a{color: white;}
div#menu div#menu-part ul#footer li a{color: #b3b3b3;}

div#logo {
	position: absolute;margin-top: 545px;margin-left: 45px;top: 0;
}

div#background{background-repeat: no-repeat;width: 557px;height:396px;margin-top: 600px;position: absolute;top: 0;z-index: 0;}
div#background.home {background-image: url(../images/choreia/bg-home.png);}
div#background.plaquette {background-image: url(../images/choreia/bg-plaquette.png);}
div#background.mention {background-image: url(../images/choreia/bg-mentions.png);}
div#background.video {background-image: url(../images/choreia/bg-video.png);}
div#background.studio {background-image: url(../images/choreia/bg-studio.png);}
div#background.tarif {background-image: url(../images/choreia/bg-tarifs.png);}
div#background.acces {background-image: url(../images/choreia/bg-acces.png);}
div#background.contact {background-image: url(../images/choreia/bg-contact.png);}
div#background.professeur {background-image: url(../images/choreia/bg-professeur.png);}
div#background.ecole {background-image: url(../images/choreia/bg-ecole.png);}
div#background.partenariat {background-image: url(../images/choreia/bg-partenariat.png);}
div#background.formation {background-image: url(../images/choreia/bg-formation.png);}
div#background.galerie {background-image: url(../images/choreia/bg-galerie.png);}

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

div#main div#main-menu {
	width: 95px;
	text-align: right;
	margin-top: 43px;
	margin-left: 6px;
	position: absolute;
	z-index: 1;
}

div#main div#main-menu ul li {color: #77797a;margin-bottom: 10px;line-height: 13px;}
div#main div#main-menu ul li a{color: #77797a;}
div#main div#main-menu ul li a:hover,div#main div#main-menu ul li.current a{color: #0baabc;}

div#main div#main-menu p{margin-bottom: 10px;line-height: 13px;color: #77797a;}
div#main div#main-menu p a{color: #77797a;}
div#main div#main-menu p a:hover{color: #0baabc;}

div#main div#content{
	position: absolute;
	width: 535px;
	margin-left: 124px;
	top: 0px;
	margin-top: 43px;
	background-image: url(../images/choreia/separator.png);
	background-repeat: no-repeat;
	min-height: 557px;
	#height: 557px;
	_height: 557px;
	padding-left: 16px;
	color: #808080;
	line-height: 13px;
	padding-bottom: 20px;
}

div#main div#content a{color: #9f9f9f;}

div#main div#content a.blue {
	color: #708db2;
}

div#main div#content h1{font-size: 35px;color: #46484a;margin-bottom: 20px;margin-top: 30px;
	line-height: 40px;}

div#main div#content div.left{float: left;width: 170px;margin-right: 30px;}
div#main div#content div.right{float: left;width: 190px;}
div#main div#content div.opacity{
	/*background-image: url(../images/choreia/opacity.png);*/
	background-color: #F2F0ED;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 6px;
	padding-right: 6px;
	width: 163px;
	margin-bottom: 1px;
}

div#main div#content div.opacity p{margin-bottom: 12px;}
div#main div#content div.opacity h3{text-transform: uppercase;margin-bottom: 15px;color: #767676;}
div#main div#content div.opacity h4{color: #0baabc;margin-top: 10px;margin-bottom: 10px;}
div#main div#content div.opacity h3.bordertop{padding-top: 4px;margin-top: 4px;border-top: 1px solid black;}

div#main div#content div.opacity p.label{float: left;margin-bottom: 4px;width: 180px;}
div#main div#content div.opacity p.value{float: right;margin-bottom: 4px;width: 50px;color: #0baabc;}
div#main div#content div.opacity div.item{clear: both;margin: 0px;padding: 0px;}
div#main div#content div.opacity p.separator{border-top: 1px dotted black;clear: both;margin-bottom: 4px;padding-bottom: 0px;}

/*****/
/* Plaquettes
/*****/

div#main div#content div.right ul#plaquettes {margin-top: 34px;}
div#main div#content div.right ul#plaquettes li{
	margin-bottom: 4px;
	color: #17bacd;
	background-image: url(../images/choreia/arrow-link.png);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: center left;
}

/*****/
/* Mention
/*****/

div#main div#content.mention div.right,
div#main div#content.mention div.left{
	color: #5d5e60;
}

div#main div#content.mention div.right {margin-left: 30px;}

div#main div#content.mention div.right .opacity,
div#main div#content.mention div.left .opacity{
	width: 190px;
}

div.mention div.left h3{text-transform: uppercase;}
div.mention div.left p{margin-bottom: 12px;}
div.mention div.left h3{text-transform: uppercase;margin-bottom: 15px;color: #767676;border-top: 1px dotted #5d5e60;padding-top: 15px;}
div.mention div.left h4{color: #0baabc;margin-top: 10px;margin-bottom: 10px;}

/*****/
/* Tarifs
/*****/

div.tarif div.left{font-family: Verdana;}
div.tarif div.left h4{color: #0baabc;font-weight: bold;font-size: 13px;line-height: 16px;margin-bottom: 4px;}
div.tarif div.left img{margin-bottom: 25px;margin-top: 15px;}

div#main div#content.tarif div.right,
div#main div#content.tarif div.right div.opacity{width: 278px;color: #656768;}
div#main div#content.tarif div.right h3{font-size: 12px;line-height: 16px;margin-bottom: 4px;}
div#main div#content.tarif div.right h3.margintop{margin-top: 12px;}

/*****/
/* Acces
/*****/

div#main div#content.acces h4,
div#main div#content.acces .h4{text-transform: uppercase;margin-top: 15px;color: #0baabc;font-weight: bold;}
div#main div#content.acces table {width: 100%;margin-top: 4px;}
div#main div#content.acces h1{margin-bottom: 4px;}

/*****/
/* Contact
/*****/

div#main div#content.contact h3 {margin-bottom: 25px;color: #0baabc;font-weight: bold;font-size: 16px;line-height: 18px;}
div#main div#content.contact div.left input{width: 140px;height: 13px;border: 1px solid #9f9f9f;font-size: 10px;color: #0baabc;margin-bottom: 12px;}
div#main div#content.contact div.left p.mention{margin-top: 45px;color: #5c5e5f;font-size: 10px;}
div#main div#content.contact div.left p.mention span{color: #0baabc;}
div#main div#content.contact div.left h4,
div#main div#content.contact div.right h4{margin-bottom: 8px;font-weight: bold;text-transform: uppercase;clear: both;color: #5c5e5f;}
div#main div#content.contact div.right input{width: 10px;margin-bottom: 10px;clear: both;#float: left;#margin-top: -3px;#margin-right: 3px;}
div#main div#content.contact div.right textarea {border: 1px solid #9f9f9f;width: 250px;height: 130px;}
div#main div#content.contact div.right{width: 250px;}
div#main div#content.contact div.right p.submit{text-align: right;margin-top: 15px;}
div#main div#content.contact div.right p.submit input{width: 29px;height: 21px;}

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

div#main div#content.professeur div.right {width: 312px;}
div#main div#content.professeur div.left h3 {color: #0baabc;font-size: 14px;line-height: 16px;margin-bottom: 15px;font-weight: bold;}
div#main div#content.professeur div.left{margin-right: 25px;width: 392px;text-transform: none;}
div#main div#content.professeur div.left table{color: #505254;margin-bottom: 20px;}
div#main div#content.professeur div.left p.bar{background-color: #06d3eb;color: white;padding-left: 4px;padding-top: 2px;padding-bottom: 2px;width: 276px}
div#main div#content.professeur div.left p.bar select{font-size: 10px;border: 0;background-color: #06d3eb;border-left: 1px solid white;width: 222px;margin-left: 4px;}
div#main div#content.professeur div.left h4 {color: #0baabc;text-transform: uppercase;line-height: 16px;margin-bottom: 15px;}

/*****/
/* Actus
/*****/
div#main div#content.actu h1{width: 370px;}
div#main div#content.actu div.left h3{color: #0baabc;font-size: 14px;text-transform: uppercase;margin-top: 12px;}
div#main div#content.actu div.left h4{font-size: 10px;text-transform: uppercase;margin-bottom: 6px;line-height: 14px;margin-top: 3px;}
div#main div#content.actu div.left,
div#main div#content.actu div.right{padding-bottom: 15px;}
div#main div#content.actu div#right{position: absolute;width: 120px;margin-left: 443px;margin-top: 35px;}
div#main div#content.actu div#right h4,
div#main div#content.actu div#right span.h4{color: #0baabc;text-transform: uppercase;font-weight: bold;}
div#main div#content.actu div#right input{border: 1px solid #7c7e7d;height: 15px;font-size: 11px;border-right: 0px;float: left;width: 94px;}
div#main div#content.actu div#right input.submit{
	width: 23px;
	background-color: white;
	border: 1px solid #7c7e7d;
	border-left: 0px;
	height: 19px;
	padding-bottom: 2px;
	color: #0baabc;
	cursor: pointer;
}
div#main div#content.actu div#right form{margin-bottom: 20px;}

/*****/
/* L'école
/*****/

div#main div#content.lecole div.texte {
	clear: both;
	padding-top: 20px; 
	padding-left: 6px;
	width: 282px;
}

div#main div#content.lecole div.left {width: 82px;margin-right: 10px;color: #0baabc;}
div#main div#content.lecole div.right {color: #0baabc;font-weight: bold;font-size: 12px;line-height: 15px;}

/*****/
/* Partenariat
/*****/
div#main div#content.partenariat div.left,
div#main div#content.partenariat div.right{
	color: #5d5e60;
}
div#main div#content.partenariat div.left{
	/*background-image: url(../images/choreia/opacity.png);*/
	background-color: #F2F0ED;
	padding-bottom: 8px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	width: 183px;
	clear: both;
	margin-bottom: 20px;
}
div#main div#content.partenariat div.right{padding-top: 25px;background-color: #F2F0ED;width: 183px;padding-left: 6px;
	padding-right: 6px;padding-bottom: 8px;}
div#main div#content.partenariat div.left h1,
div#main div#content.partenariat div.right h1{line-height: 20px;margin-top: 0px;color: #0baabc;font-size: 16px;font-weight: bold;margin-bottom: 8px;}
div#main div#content.partenariat div.left h2,
div#main div#content.partenariat div.right h2{text-transform: uppercase;margin-top: 0px;font-size: 10px;font-weight: bold;margin-bottom: 10px;margin-top: 12px;}
div#main div#content.partenariat div.left h3,
div#main div#content.partenariat div.right h3{margin-top: 0px;font-size: 10px;font-weight: bold;margin-bottom: 5px;margin-top: 8px;}

/*****/
/* Formation
/*****/

div#main div#content.formation div#right {float: left;width: 370px;}
div#main div#content.formation div#left {
	float: left;
	width: 78px;
	text-align: center;
	margin-right: 10px;
	background-image: url(../images/choreia/parenthese.png);
	background-repeat: no-repeat;
	background-position: center left;
	height: 60px;
}


div#main div#content.formation div#right h2{color: #0baabc;font-size: 14px;line-height: 20px;font-weight: bold;clear: both;}
div#main div#content.formation div#right h3{text-transform: uppercase;margin-top: 0px;font-size: 10px;font-weight: bold;margin-bottom: 10px;margin-top: 12px;}

div#main div#content.formation div.left{
	width: 187px;
	clear: both;
	margin-bottom: 20px;
	color: #5d5e60;
	margin-top: 15px;
}
div#main div#content.formation div.left div.opacity{padding-top: 2px;}

div#main div#content.formation div.left div.opacity h3{color: #5d5e60;}

div#main div#content.formation div#right h4{text-transform: uppercase;}

div#main div#content.formation div.right {width: 142px;padding-top: 15px;}

div#main div#content.formation div#right a{color: #0baabc;}

/*****/
/* Inscription
/*****/
div#main div#content.inscription h3 {margin-bottom: 25px;color: #0baabc;font-weight: bold;font-size: 16px;line-height: 18px;}
div#main div#content.inscription div.left{margin-right: 40px;}
div#main div#content.inscription div.left input{width: 140px;height: 13px;border: 1px solid #9f9f9f;font-size: 10px;color: #0baabc;margin-bottom: 12px;}
div#main div#content.inscription div.left p.mention{margin-top: 45px;color: #5c5e5f;font-size: 10px;}
div#main div#content.inscription div.left p.mention span{color: #0baabc;}
div#main div#content.inscription div.left h4,
div#main div#content.inscription div.right h4{margin-bottom: 8px;font-weight: bold;text-transform: uppercase;clear: both;color: #5c5e5f;}
div#main div#content.inscription div.right input{width: 10px;float: left;}
div#main div#content.inscription div.right textarea {border: 1px solid #9f9f9f;width: 250px;height: 130px;}
div#main div#content.inscription div.right{width: 320px;}
div#main div#content.inscription div.right p.submit{text-align: right;margin-top: 15px;}
div#main div#content.inscription div.right p.submit input{width: 71px;height: 21px;float: right;margin-bottom: 20px;}
div#main div#content.inscription div.right p.title{color: #0baabc;font-weight: bold;}
div#main div#content.inscription div.right table tr td span{font-weight: bold;color: #5c5e5f;}
div#main div#content.inscription div.right table tr td{padding-bottom: 10px;clear: both;}
div#main div#content.inscription div.right table tr td li{clear: both;}
div#main div#content.inscription div.right table{margin-top: 10px;}
div#main div#content.inscription div.right table select{border: 0;background-color: #06d3eb;margin-left: 4px;height: 18px;font-size: 11px;width: 230px;}
div#main div#content.inscription div.right .margin{padding-top: 8px;border-top: 1px dotted #9f9f9f;}
div#main div#content.inscription div.errors,
div#main div#content.contact div.errors{color: #F1630B;margin-bottom: 20px;font-weight: bold;font-size: 14px;}

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

div#galerie h5{text-transform: uppercase;font-size: 11px;}
div#galerie p.video-link{margin-bottom: 14px;font-size: 10px;}
div#galerie p.black{font-size: 10px;color: #5e5e5e;}
div#galerie div.left p.black{margin-bottom: 8px;}
div#galerie div.left div.description{padding-bottom: 25px;}
div#galerie .blue {color: #0BAABC;}
div#galerie img.arrow {float: left; margin-top: 5px;margin-right: 4px;}
div#main div#content div#galerie div.right {width: 201px;background-color: white;padding-left: 1px;}
div#galerie div.right ul.gallery_unstyled img{width: 66px;float: left;margin-right: 1px;margin-bottom: 1px;}