/* vert: #B1E728; rouge: #D8120A; */
*{border:0 none; margin:0; padding:0;}/*#a8f3fe*/

html{}
body{ font: normal 12px/14px 'Verdana', sans-serif; color: #000; background: #D8120A url(/gfx/bg-body.png) repeat-y left top;}

a{color:#D8120A; text-decoration:none; outline: none}
a:hover{color:#b2e629; text-decoration:none;}
a:visited{}
a:focus{}
a.active{color:#D8120A; font-weight:bold}

a.openc h2:hover{cursor:pointer}

hr{border-top:1px solid #B1E728}

#container{position: relative; width: 1000px; padding:0 0 15px;  background: transparent url(/gfx/bg-container.png) no-repeat left top;}

.green{color:#B1E728;}
.red{color:#D8120A;}

.left{float: left;}
.right{float: right;}
.clear{clear:both;}

.blok{display:block;padding-bottom:7px}

#top {width: 201px; height:auto;}
#nav {width: 210px; height:auto; background: transparent url(/gfx/logo.png) no-repeat 38px 33px; color:inherit;}
#top #nav ul{list-style: none; padding:99px 0 0 26px;}
#top #nav li {padding:0 0 10px;}

#content{position: relative; float: right;  background: transparent; margin:84px 66px 0 0; width: 700px; }
#content-home{position: relative; float: right;  background: transparent; margin:85px 16px 0 0; width: 750px;}

#list1b {margin-top: 20px; padding-top:20px}
#list1b a {color:#D8120A; font-weight: bold;}
#list1b a:hover {color:#B1E728; font-weight: bold;}
#list1b a#resume,#list1b a#distribution,#list1b a#datelieux {position: absolute; top:100px; background:#fff;}
#list1b a#resume{left: 22px;}
#list1b a#distribution{left: 88px;}
#list1b a#datelieux {left: 180px;}

h1{font-size:23px; color: #D8120A; text-transform: uppercase; text-align: left; line-height:23px}
a h1:hover{ color: #B1E728;}
h2{ color: #B1E728; font-size:18px; line-height:18px;  margin-bottom:7px;}
h3{ color: #D8120A; font-size:14px;line-height:14px}

/**** top */
#top #nav ul.sousnav{list-style:none outside; padding:0 0 0 0; margin:10px 0 0 5px; font-size: 11px}
#top #nav ul.sousnav li a{display: inline; width:auto; height:auto; background: transparent none ; color: #000; }
#top #nav ul.sousnav li a:hover{display: inline; width:auto; height:auto; background: transparent none ; color:#D8120A;}
#top #nav ul.sousnav li a.active{color:#D8120A; font-weight:bold}

#top-nav {position: absolute; top:43px; left:286px;}
#top-nav, #top-nav a{font-size:9px; color:#000;}
#top-nav a:hover{ color:#D8120A;}

#pro {position: absolute; top:15px; right:0; font-size:9px; color:#fff; width:367px;}
#pro input{ border:1px solid #bbb; text-transform:uppercase; color: #555;font-size:9px;}
#pro input#ok{cursor: pointer}
#pro label#pw{padding-left:43px}
#pro a{padding:17px 65px 0 0; font-size:12px; font-weight:bold; color:#B1E728}
#pro a:hover{color:#fff;}

/*** SIMPLE */
#content-top {position: relative; float: right; background: #D8120A; width:100%; height:15px; z-index:10}
#content-top img, #top-bloc1 img, #top-bloc2 img  {margin-left:-1px}
#content-main {position: relative; padding: 50px 20px 20px; text-align: justify}
#content-main img {float:left; margin: 0 10px 20px 0}
#content-main img.logo {float:none; margin: 1px}
#content-main a {background: transparent;}
#content-main ul {list-style: disc inside url(gfx/disc-vert.png);}

#simple, #bloc1, #bloc2{background: #fff;}

#bloc1, #bloc2{position: relative; padding: 30px 10px 20px; text-align: justify;}
#bloc1 { float:left; width:200px; height: auto;}
#bloc2 { float:left; width:450px; height: auto; margin-left:28px;  bottom: 16px;}
#bloc2 img {width: 450px}
#top-bloc1, #top-bloc2 {position: relative;  background: #D8120A; height:15px;}
#top-bloc1{z-index:10;width:140px;}
#top-bloc2{z-index:5; width:502px; float:right; bottom: 17px; } 

/*HOME SPECTACLE*/
.home-spect #content-main img{ margin: 0 8px 20px 0;}
.home-spect #content-main p { margin-top:10px;}
.thumbs { width:70px; height:65px;}

/*SPECTACLE*/
.spect #content-main img{}
.spect #content-main h1 {}
.spect #content-main div { width:auto;}

#content-main .copyright{float:left; font-size:9px; width:auto}
#content-main .copyright img{clear:both;}
#content-main .copyright span{clear:both; float: right;}

.access{display: none;}
#footer{ font-size:10px; color:#fff; width:935px; text-align:right; margin-bottom: 10px}
#footer a {color:#bbb; }
#footer a:hover {color:#B1E728;}

/*FORMULAIRE*/
	.myForm td, input, select, textarea, checkbox  {
	}
	.myForm input, select, textarea, checkbox  {
		border:1px solid #B1E728;
		width: 300px;
		font-size: 12px;
	}
	.myForm input#captcha { width: 100px; float:left;}
	.myForm img#img_captcha { float:left;}
	.myForm input#submit { width: auto; text-transform: uppercase; font-weight:bold; float:right; cursor:pointer}

	.required {
		color: red;
	}

	/*** VIDEO ***/
	.video { width:480px; margin:0 auto; }