/* Start of CMSMS style sheet 'main' */
/* Start of CMSMS style sheet 'main' */
/* accessibility */
span.accesskey {
	text-decoration: none;
}
.accessibility, hr {
	position: absolute;
	top: -999em;
	left: -999em;
}
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	clear: both;
}
.clear_accueil {
	height: 10px;
	clear: right;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 75.01%;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	background-color: #1d1d1d;
	letter-spacing:0.5px;
	height:100%;
	color:#fff;
}

div {

}

img {
	border: 0;
}

a{
	color:#fff;
}
a:hover{
	color:#999;
}
h1 {
	font-size: 1.8em;
	line-height: 1em;
	margin: 0 0 0 0;
	font-weight:normal;
	text-transform:uppercase;
}
h2 {
	color: #294B5F;
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
h3 {
	color: #294B5F;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}
h4 {
	color: #294B5F;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h5 {
	color: #294B5F;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
	color: #294B5F;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
p {
	font-size: 1em;
	line-height:1.5em;
	margin: 0;
	padding: 0;
	min-height:1.5em;
}

strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
.texte_gris{
	color:#999;
}
/* END TEXT */

/*****************basic layout *****************/

div#background{
	position:fixed;
	width:100%;
	height:100%;
}
div#trame{
	position:fixed;
	width:100%;
	height:100%;
	background-image: url(images/css/trame.gif);
}

div#pagewrapper {
	position : absolute;
	top:0px;
	width: 100%;
	height:100%;
	margin: 0 auto;
}

div#content {

}
.backgroundGris{
	background: #1d1d1d;
}
.backgroundGrisFonce{
	background: #161616;
}


div#main {
	margin-left: 241px;
	color:#ddd;
	font-size:1em;
	padding-bottom:42px;
}
#main .cufon-canvas{
	margin-bottom:-10px;
}
div#sidebar {
	position:absolute;
	top:320px;
	left:0px;
	display: inline;
	margin: 0px;
	padding: 0px;
	background: #1d1d1d;
	width:240px;
	height:250px;
}
div#logo {
	margin:15px 0px 15px 15px ;
	float:left;
}
div#logo {
}

div#header_section{
	height:25px;
	padding:15px;
	width:450px;
	margin-top:5px;
	margin-bottom:5px;
}
div#header_section h1{
	font-weight:bold;
}
div#header_section_big{
	height:25px;
	padding:15px;
	width:731px;
	margin-top:5px;
	margin-bottom:5px;
}
div#header_section_big h1{
	font-weight:bold;
}

.border_footer{
	border-top: 1px solid #000;
	background-color:#343434;
	width:100%;
	height:1px;
	margin-bottom:3px;
}
div#footer {
	color: #999;
	width:100%;
	font-size:9px;
	padding-bottom:3px;
	position:fixed;
	height:50px;
}
div#bouton_ok{
	background:#000;
	height: 11px;
	width:20px;
	float:left;
	text-align:center;
	border:thin solid #666;
	line-height:12px;
	margin-left:1px;
}
div#bouton_ok:hover{
	background:#999;
	color:#000;
	cursor:pointer;
}
div#ajaxResult{
	float:left;
	margin-left:5px;
}

div#logo_facebook{
	margin-left:50px;
	float:left;
}
div#texte_facebook{
	margin-left:5px;
	float:left;
}

div#foot-left{
	float:left;
	margin-left:109px;
	line-height:10px;
}
div#foot-left span{
	margin-top:-8px;
}
div#foot-right{
	float:right;
	margin-right:95px;
	
}
div#footer input{
	background-color:#111;
	color:#999;
	border:thin solid #666;
	font-size:9px;
	margin-left:15px;
}


ul.none {
	list-style-type:none;
}
li a, a:link a:active {
	font-size: 1.8em;
	text-transform: uppercase;
	color: #717171;
	text-decoration:none;	
}
li a:hover{
	color:#FFF;
}
li{
	margin-bottom:10px;
}
a.parent{
	color:#FFF;
}
div#menu_vert{
	margin-top:53px;
	margin-left:95px;		
}
div#content_accueil{
	margin-top:320px;
	height:250px;
	width:100%;
}

div#nouvelle_accueil{
	width:450px;
	height:227px;
	float:left;
	padding:8px 15px 15px 15px;
}



div#calendrier_accueil{
	margin-left:481px;
	width:230px;
	height:220px;
	padding:15px;
}
#container_bande{
	margin-left:983px;
	margin-top:-292px;
}
div#bandeGrise_accueil{
	width:100%;
	height:250px;
	padding:0px;
}


/*****************Nouvelles *****************/
.news h1{
	color:#666;
	min-height:45px;
	margin-bottom:10px;
}
.news h1 a{
	text-decoration:none;
	padding-right:15px;
}
.container_summary_news{
	height:145px;
	overflow : hidden;
}
.suite_news{
	margin-top:15px;
	margin-left:380px;
	font-size:0.8em;
	text-align:right;
}
.suite_news a{
	color:#999;
}
.suite_news a:hover{
	color:#555;
}
.summary_news {
	text-decoration:none;
}
.summary_news p{
}
.image_new{
	float:left;
	margin-right:15px;
}
/*****************Nouvelles section*****************/
.news_section{
	width:450px;
	height:230px;
	margin-bottom:5px;
	padding:5px 15px 15px 15px;
}
.news_section h1 {
	color:#666;
	min-height:35px;
	margin-bottom:20px;
}

.news_section h1 a{
	text-decoration:none;
	padding-right:15px;
}
.news_section_big{
	width:450px;
	margin-bottom:5px;
	padding:15px;
	min-height:475px;
}
.news_section_big h1 {
	color:#666;
	min-height:35px;
	margin-bottom:10px;
}
.news_section_big h1 a{
	text-decoration:none;
	padding-right:15px;
}
.content_news{
	padding-top:15px;
}


/*****************Calendrier *****************/

.calendrier{
	padding-top:1px;
}
.calendrier h1 a{
	text-decoration:none;
}
.events{
	margin-top:15px;
}
.event{
}
.title_event{
	text-transform:uppercase;
	margin-bottom:3px;
}
.lieu_event{
	color:#999;
	margin-bottom:3px;
	font-size:0.8em;
}
.date_event{
	color:#999;

	font-size:0.8em;
}
.border_event{
	border-top: 1px solid #000;
	background-color:#343434;
	width:100%;
	height:1px;
	margin-bottom:8px;
	margin-top:6px;
}
/*****************Création section *****************/
.show_section{
	margin-bottom:5px;
	width:765px;
	height:250px;

}
.show_section h1 {
	color:#666;
	min-height:35px;
	margin-bottom:0px;
}
.show_section h1 a{
	text-decoration:none;
	padding-right:15px;
}
.container_summary_show{
	height:145px;
	font-size:0.8em;
	overflow : hidden;
	
}
.suite_show{
	margin-top:10px;
	margin-left:360px;
	font-size:0.8em;
}
.suite_show a{
	color:#999;
}
.suite_show a:hover{
	color:#555;
}
.summary_show {
	text-decoration:none;
}
.more_date a{
	color:#999;
}
.more_date {
	margin:-5px 0px 0px 0px;
	font-size:0.8em;
	text-align:right;
}
.more_date a:hover{
	color:#555;
}
.image_show{
	float:left;
	margin-right:15px;
}
.sub_title_show{
	margin-bottom:15px;
	color:#999;
	font-size:0.8em;
}
.show_section_left{
	float:left;
	width:450px;
	height:230px;
	padding:5px 15px 15px 15px;
	margin-right:1px;	
}
.show_section_right{
	float:left;
	width:250px;
	height:230px;
	padding:5px 15px 15px 15px;
}
.show_section_right h1{
	margin-bottom:5px;
}
.mois_calendrier{
	margin-top:5px;
	text-transform:uppercase;
	font-size:1.2em;
	padding:15px 0px 0px 15px;
}

#content_calendrier{
	width:760px;
}

.colonne_calendar{
	float:left;
	overflow:hidden;
	height:16px;
}
.jour_calendar{
	width:40px;
	padding-left:15px;
}
.show_calendar{
	width:235px;
}	
	
.ville_calendar{
	width:210px;
}
.salle_calendar{
	width:210px;
}
.heure_calendar{
	width:50px;
}
.intro_colonne{
	margin:10px 0px 25px 0px;
	font-size:0.7em;
	color:#999;
}
.espace_calendar{
	margin-bottom:35px;
}


/*****************Création *****************/
div.slider {
	width: 100px;
	height: 12px;
	background: #000;
	top:200px;
}
div.slider div.knob {
	background: url(images/css/scroller.gif);
	width: 100px;
	height: 12px;
	font-size:9px;
	cursor:move;
	font-style:italic;
	color:#1d1d1d;
}
#container_image{
	overflow:hidden;
	background: #000;
}
#gallerie {
	height:285px;
	background: #000;
	
}
#gallerie img{
	float:left;
	height:285px;
	margin-right:1px;
}
#title_show h1{
	font-size:5.7em;
	margin-top:-4px;
	margin-bottom:25px;
	line-height:0.9em;
	margin-left:-5px;
}
#content_creation{
	width:760px;
	padding-bottom:50px;
}
#leftbar{
	padding:15px 15px 15px 15px;
	width:460px;
	float:left;
}
#rightbar{
	width:230px;
	padding:15px;
	margin:0px; 
	float:left;
	height:100%;
}
.title_block{
	text-transform:uppercase;
	font-size:1.2em;
	line-height:1em;	
}
.toggler{
	cursor:pointer;
	border-top: 1px solid #777;
	padding-top:13px;
	background:#1d1d1d;
}
.toggler:hover{
	background:#3b3835;
}

.toggler .title_block{
	color:#999;
}
.toggler:hover .title_block{
	color:#fff;
}

.espace{
	height:15px;
}
#intro_show{
	margin-bottom:15px;
	font-size:10px;
}
#rightbar h1{
	color:#fff;
	margin:62px 0px 22px 0px;
}
.texte_gris_equipe{
	color:#999;
	margin-bottom:15px;
}
#rightbar table{
	font-size:0.8em;
	color:#999;
}
#rightbar table a{
	text-transform:uppercase;
	color:#999;
}
#rightbar table a:hover{
	color:#fff;
}
.legende_citation{
	color:#999;
	font-size:0.8em;
}


/*****************Compagnie *****************/
#logo_compagnie{
	margin:5px 0px 28px 50px;
	height:278px;
}
#compagnie_creation .cufon-canvas{
	margin-bottom:0px;
}
#compagnie_creation{
	margin-top:357px;
}
.block_bio h1{
	margin:15px 0px 15px 0px;
}
.block_bio{
	width:208px;
	padding-bottom:15px;
}
.block_left{
	float:left;
}
.block_right{
	float:right;
}
#accordion{
	margin-bottom:25px;
}

/* End of 'main' */