/* Start of CMSMS style sheet 'main2010' */
/********************
DEFAULT
*********************/
* { margin:0;padding:0; }
html { height: 100%; }
img { border: 0 none; }
body { border: 0px; height: 100%; margin: 0px; padding: 0px; }
td { background: transparent; border: 0px; margin: 0px; padding: 0px; }
p { margin-bottom: 1em; margin-top: 0em; text-align:left;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; text-align:left;}
ul { list-style-type: square; margin: 1em 0 1em; padding: 0; padding-left: 2em; text-align:left;}
form { margin:0; padding: 0; text-align:left;}
img { border: 0; }
div { font-size: 1em; text-align:left;}
a,
a:link 
a:active {
	text-decoration:none;
   	background-color: inherit; 
   	cursor:pointer;
   	color:#663366;
}
a:visited {
   cursor:pointer;
   text-decoration:none;
}a:hover {
   text-decoration: underline;;
   cursor:pointer;
}
.clearer { clear: both; line-height: 0; height: 0; }

/********************
FRAMESET
*********************/

html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	/*background-image:url('images/css/background.jpg');
	background-attachment: fixed;
	background-width:100%;
	background-repeat:no-repeat;*/
	color:#103b5c;
	margin:0;
	font-family:"trebuchet MS", Helvetica,Arial, Verdana;
        background-color:#fff;
        font-size:12px;
}
html>body #container {
	height:100%;
	width:100%;
z-index:30;
}

html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
	background-image:url("images/css/header-trans.png");
	top:0px;
	left:0px;
	margin-left:0;

}
#header {

	width:100%;
	height:148px;
}




html>body #sidebar_left {
	position:fixed;
	z-index:10;
	width:147px;
	height:100%;
	top:215px;
	left:0px;
}



html>body #container_content {
	position:absolute;
	height:100%;
	width:600px;
	margin-left:150px;
	padding-top:215px;
}
html>body #content {
	width:550px;
} 

html>body #DJ{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}




/********************
HEADER
*********************/
img#logo_igloo{
	margin-left:135px;
}
div#langue{
	position:absolute;
	width:100%;
	margin:0px;
	top:0px;
	left:-10px;
	color:#FFF;
	padding-top:10px;
	text-align:right;
}
div#langue a{
	color:#FFF;
}

/********************
MENU TOP
*********************/
div#menu_top{
	margin-bottom:15px;
	height:26px;
	width:100%;
	background-color:#2f6b94;
	position:absolute;
	top:147px;
	left:0px;
}
/* hack for Internet Explorer */
* html div#menu_top {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}
div#menu_top ul {
   margin: 0;
   margin-left:150px;
   padding: 0;
   height:26px;
}
div#menu_top li {
	float: left; /* makes the list horizontal */
	list-style: none; /* hides the list bullet */ 
	margin: 0 ;
	padding:0;
	height:26px;
	
	
}
div#menu_top a {
	height:26px;
	font-size:14px;
	line-height:22px;
	padding: 0px 10px 0px 10px;   /*padding inside the list item box */
	//padding: 6px 10px 6px 10px;   /*padding inside the list item box */
	margin: 0; /* margin outside each list item box */
	text-decoration: none; /* no underline for links */
	text-transform:uppercase;
	display: block; /* IE has problems with this, fixed above */
	display:inherit;
	color:#FFF;
	font-weight:bold;
	
}
div#menu_top li a:hover {
	background-color: #FFF;
	color:#2f6b94;
}


/********************
MENU LEFT
*********************/

#menu_left ul {
   	margin: 0;
   	padding:0;
   	width:147px;
   	*-margin-top:67px;/* IE 6 HACK */
}

#menu_left li {
   	list-style: none;
   	margin: 0;
   	margin-bottom:1px;
   	*-margin-bottom:-2px;/* IE 6 HACK */
   	display: block;
	height:30px;
}

/** fix stupid ie bug with display:block; **/
* html #menu_left li a { height: 1%; } 
* html #menu_left li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_left a {
	vertical-align:middle;
   	text-decoration:none; 
   	display: block; /* IE has problems with this, fixed above */

   	padding: 7px 10px 7px 0px;

  	color: #103b5c;
   	background: url(images/css/back_date50-trans.png); 
   	min-height:0.1em; /* Fixes IE7 whitespace bug */ 
   	text-align:right;
   	text-transform:uppercase;
   	font-weight:bold;
   	font-size:14px;
	line-height:14px;
}

/* hover state for all links */
div#menu_left a:hover {
	background: url(images/css/back_date100-trans.png); 
}

/********************
PARAMETRES GENERAUX
*********************/
.titre{
	text-transform:uppercase;
	font-weight:bold;
   	font-size:24px;
}

h1{
	text-transform:uppercase;
	font-weight:bold;
}
h2{
	text-transform:uppercase;
	color:#FFF;
}
h3{
	font-size:20px;
	text-transform:uppercase;
	color:#103b5c;
}
h4{
	font-size:20px;
	text-transform:uppercase;
	color:#103b5c;
}


div#newsletter_inscription{
	width:142px;
	*width:142px;;/* IE 6 HACK */
	font-size:10px;
	margin-top:10px;
	height:50px;
	margin-bottom:1px;
	margin-left:0px;
	background-image:url('images/css/degrade_newsletter-trans.png');
	text-align:right;
	padding:5px 5px 5px 0px;
}
#title_newsletter{
	margin-right:5px;
}


div#newsletter_inscription input{
	background-color:#FFF;
	border-color:#103b5c;
	border-style:solid;
	border-width:1px;
	padding:0px;
	margin:0px;
}
div#newsletter_inscription .submit{
	font-size:9px;
	width:40px;
	margin-left:99px;
}
div#newsletter_inscription .submit:hover{
	background-color:#103b5c;
	color:#FFF;

}
div#newsletter_inscription .text{
	margin-bottom:5px;
	width:130px;
	height:15px;
	margin-left:7px;
	margin-right:7px;
}


img#logo_facebook{
	cursor:pointer;
}
img#logo_twitter{
	margin-right:15px;
	cursor:pointer;
}


div#tiketPro{
	float:right;
	top:0px;
	text-align:right;
	margin-top:-50px;
	margin-right:3px;
}
div#tiketPro2{
	float:right;
	top:0;
	text-align:right;
	margin-top:-52px;
	margin-right:3px;
}

div#presentateur a{
	color:#103b5c;
}

div#app_store {
	margin-left:5px;
	margin-top:15px;
}

div#footer {
	clear:both;  
	color:#002d4b; 
	text-align:center;
}
.footer{
	text-align:center;
	font-size:9px;
}

.top_bloc{
	height:9px;
	width:100%;
	background-image:url("images/css/top_block-trans.png"); 
	margin-bottom:1px; 
	line-height:9px;
	font-size:3px;
}
.patern1{
	background-image:url("images/css/back_patern1-trans.png");
}
.patern2{
	background-image:url("images/css/back_patern2-trans.png");
}
.patern3{
	background-image:url("images/css/back_patern3-trans.png");
}
.patern4{
	background-image:url("images/css/back_patern4-trans.png");
}
.patern5{ 
	background-image:url("images/css/back_patern5-trans.png");
}
.patern6{ 
	background-image:url("images/css/back_patern6-trans.png");
	background-repeat:repeat-x;
}
.patern7{ 
	background-image:url("images/css/back_patern7-trans.png");
}
.patern8{
	background-image:url("images/css/top_block_violet-trans.png"); 
	background-repeat:no-repeat;
}
.padding_big{
	padding:23px;
}
.padding_middle{
	padding:20px 23px 22px 20px;
}
.marge_top_big{
	margin-top:23px;
}
.marge_top_small{
	margin-top:15px;
}
.marge_top_xsmall{
	margin-top:5px;
}

.marge_top_xxsmall{
	margin-top:2px;
}
.marge_top_xxxsmall{
	margin-top:1px;
}
.marge_bottom_xsmall{
	margin-bottom:15px;
}
.white{
	color:#FFF;
}
.invisible{
	display:none;
}
.invisible2{
	position:absolute;
	left:-9999px;
}


/********************
PROGRAMMATION
*********************/
#accordion {
	margin:0px;
	padding:0px;
}
h3{
	color:#103b5c;
}
h3.toggler {
	font-size:12px;
	cursor: pointer;
	padding: 0;
	color:#103b5c;
}
h3:hover{
	text-decoration:underline;
}

.programmation{
	margin:0px;
	height:120px;
	margin-left:21px;
	margin-right:200px;
}
.DJ{
	background-position:right;
	background-repeat:no-repeat;
	padding-top:5px;
}
.DJ_title{
	height:20px;
	margin-left:21px;
	padding-top:10px;
	vertical-align:middle;
	color:#103b5c;
}
.programmation a{
	color:#663366;
}
/********************
PHOTOS
*********************/
div#accordion_photo{
	margin:0px;
	padding:0px;
	width:550px;
	float:left;
}
/********************
INFORMATIONS
*********************/
div#accordion_info{
	margin:0px;
	padding:0px;
	width:331px;
	float:left;
}
div#map{
	float:right;
	width:219px;
}
.informations{
	margin:0px 10px 0px 23px;
	margin-bottom:5px;
	padding-bottom:5px;
	color:#103b5c;
}
/********************
COMMENTAIRES
*********************/
#zone_commentaires{
	/*margin-top:-213px;
	padding-top:213px;*/
}
#commentaires{
	color:#FFF;
}
#commentaires textarea{
	height:70px;
	width:500px;
	border:none;
	padding:3px;
}
#commentaires input{
	border:none;
	height:20px;
	padding:3px;
	background-color:#FFF
}
#addcomments{
	margin-top:30px;
}
/********************
CONCOURS
*********************/

#intro_concours {
	color:#103b5c;
}

#prix_concours{
	float:left;
	width:300px;

}		
#photo_prix{
	float:right;
	top:0px;
	margin-top:-10px;
} 
.informations_concours{
	margin:0px 0px 0px 23px;
	padding-bottom:0px;
	margin-bottom:-11px;
	color:#103b5c;
}
.thumb_concours{
	float:left;
	margin:1px;
	margin-bottom:10px;
}
.valide_vote{
	margin-top:15px;
	margin-bottom:15px;
	margin-right:15px;
	text-align:right;
}
.valide_vote input{
	border:none;
	height:25px;
	padding:3px;
	padding-left:7px;
	padding-right:7px;
	margin-left:15px;
	color:#FFF;
	font-size:14px;
	background-color:#764e77;
	cursor:pointer;
}
#photo_intro{
	height:80px;
}
.photo_intro {
	float:left;
	font-size:8px;
	margin-right:1px;
}
.photo_info {
	height:65px;
}
.photo_title{
	float:left;
	padding-left:23px;
}
.thumb_photo{
	float:right;
	margin-top:-5px;
	height:70px;
width:70px;
}
.photo_gallerie1{
	padding-top:20px;
	width:550px;
}
.photo_gallerie2{
	padding-top:20px;
	width:550px;
}
.legende_photo{
	font-size:9px;
	margin-top:5px;
height:10px;
}
.accordion_photo1{
	float:left;
	width:275px;
}
.accordion_photo2{
	float:right;
	width:275px;
}
.accordion_photo3{
	float:left;
	width:550px;
}

#link_archive {
text-align:right;
margin-top:-30px;
}

/* End of 'main2010' */