/*=========== PUBLIC =========*/

/*=========== MENU =========*/

	#menuBonjour {
		padding-left: 120px;
	}

	#menuBonjour, #menuRendezVous, #menuChorale, #menuContact {
			display: inline-block;
	}

	#menuBonjour .bottom, #menuRendezVous .bottom , #menuRepertoire .bottom , #menuChorale .bottom , #menuContact .bottom{
		float:left;
		height:32px;		
		/*width:18%;*/
	}

	#menuBonjour .bottom {		
		background:url(images/mnuBonjour.png) top;
						width:110px;	
	} 

	#menuBonjour:hover>.bottom {
		background:url(images/mnuBonjour.png) bottom;
						width:110px;	
	}

	#menuChorale .bottom {
		
		background:url(images/mnuChorale.png) top;
						width:110px;			
	} 

	#menuChorale:hover>.bottom {
		background:url(images/mnuChorale.png) bottom;
						width:110px;	
	}

	#menuContact .bottom {
		
		background:url(images/mnuContact.png) top;		
						width:110px;	
	} 

	#menuContact:hover>.bottom {
		background:url(images/mnuContact.png) bottom;
						width:110px;	
	}


/*============BONJOUR==========*/

	#content .panleft-welcome {
		padding-top:70px;
		width:600px;
		float:left;
	}

	#content .panright-welcome {
		padding-top:100px;
		float:right;
	}

/*==========RENDEZ-VOUS=========*/

	#content .panleft-meeting {
		padding-top:70px;
		width:48%;
		float:left;
	}

	#content .panright-meeting {
		padding-top:50px;
		float:right;
		width:48%;
	}

	#content .panright-meeting img {
		margin-bottom:30px;
		width:100%;		
	}
	
	#content .meeting {
		width:100%;
	}

	
/*==========REPERTOIRE=========*/

	#playlist {
 		padding-top:70px;
		width:43%;
		float:left;
	}

	#songlist {
 		padding-top:60px;
		width:55%;
		float:right;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		/*background-color:blue;*/
	}

	#songlist .header {
		color:#FFFFFF;
		background:#9BBB59;
		padding-top:5px;
		padding-bottom:5px;
	}

	#songlist table {
		width:100%;
		border:2px solid #FFFFFF;
		border-collapse:collapse;		
	}

	#songlist td {
		width:50%;
		padding-top:5px;
		padding-bottom:5px;
		border-top:2px solid #FFFFFF;
		background:#EFF3EA;
	}
	
	#songlist tr.altrow td {
		background-color:#DEE7D1;
	}

/*==========CHORALE==========*/

	#content .panleft-chorus {
		padding-top:55px;
		width:60%;
		float:left;
		font-size:16px;
	}

	#content .panright-chorus {
		padding-top:55px;
		width:35%;
		float:right;
		font-size:16px;
		position:relative;
		/*background:#EC3515;*/
	}

	#content .picture-pos {
		padding-bottom:150px;
	}

	#content .member {
		font-style:italic;
		margin-top:5px;
		margin-bottom:5px;
		text-align:right;
	}

	
	#content .panright-chorus a:hover {
		color:red;
	}

	#content .panright-chorus a{
		font-style:normal;
		text-decoration:underline;
		color:#17365D;
		/*font-weight:bold;*/
	}


	#content .panright-chorus a.picture:hover{
		cursor: help;
		z-index: 2;
	}


	#content .panright-chorus a.picture:hover span {
		display:block;
		position:absolute;
		z-index: 3;
		top: 95px;
		left: 0px;
	} 

	#content .panright-chorus a {
		padding:5px}

	#content .panright-chorus a.picture span{
		display: none;
	}
	
	#content .panright-chorus a.picture-default span {
		display:block;
		position:absolute;
		z-index: 3;
		top: 95px;
		left: 0px;
	} 


/*===========CONTACT===========*/

	#content .panleft-contact {
		padding-top:70px;
		width:35%;
		float:left;
	}

	#content .panright-contact {
		padding-top:30px;
		float:right;
		width:60%;
	}

	#content .panright-contact form {
		background:#9BBB59;/*#DEE7D1;*/
		padding:10px;
		/*width:600px;*/
	}

	#content .panright-contact fieldset {
		padding:0 20px 0px 20px;
		margin-bottom:10px;
		border:1px solid #FFFFFF;
	}

	#content .panright-contact label {
		color:#FFFFFF;
		font-weight:bold;
		margin-top:10px;
		display:block;
	}

	#content .panright-contact input, #content .panright-contact textarea, #content .panright-contact select, #content .panright-contact option {
		background-color:#EFF3EA;
		font:13px Comic Sans MS,  Arial,  sans-serif;
		
	}

	#content .panright-contact input, #content .panright-contact textarea, #content .panright-contact select {
		padding:3px;
		border:1px solid #FFFFFF;
		border-radius:5px;
		width:200px;
		box-shadow:1px 1px 2px #C0C0C0 inset;
	}

	#content .panright-contact textarea {
		width:100%;
	}


	#content .panright-contact select {
		margin-top:10px;
	 }

	#submitform {
		text-align:right;
	}

	#content .panright-contact input[type=submit], #content .panright-contact input[type=reset] {
		width:100px;
		margin-top:20px;
		right:20px;
		horizontal-align:right;
		box-shadow:1px 1px 1px #FFFFFF;
		cursor:pointer;
	 }

	#content .panright-contact input[type=submit]:hover, input[type=reset]:hover {
		background-color:yellow;
	}	

/*
	#content .panright-contact input:focus, #content .panright-contact textarea:focus {
		background-color:white;
	}

	#content .panright-contact input[type=submit]:focus, #content .panright-contact input[type=reset]:focus {	
		background-color:#FFF3F3;
	}
	#content .panright-contact input[type=submit]:active, input[type=reset]:active {
		background-color:#FFFFFF;
		box-shadow:1px 1px 1px #FFFFFF inset;
	}
*/


/*============MOT-PRESIDENT===========*/

	#content .panleft-president {
		padding-top:40px;
		width:45%;
		float:left;
		font-size:15px;
	}

	#content .panright-president {
		padding-top:70px;
		width:45%;
		float:right;
		font-size:15px;
	}

	#content .panright-president img {
		float:right;
		width:25%;
	}

	#content .panright-president .sign {
		text-align:right;
		margin-right:200px;
	}


/*===========CHORISTES===========*/

	#content .panleft-members {
		padding-top:50px;
		width:800px;
		float:left;
		text-align:center;
	}

	#content .panleft-members img {
		float:right;
	}

	#content .panright-members {
		padding-top:50px;
		float:right;
		width:300px;
		text-align:center;
	}

	#content .panright-members img {
		padding-bottom:40px;
	}

/*===========LIVREOR===========*/

	#content .panleft-whitepaper {
		padding-top:50px;
		width:78%;
		float:left;
	}


	#content .panleft-whitepaper br {
		line-height:0px;
	}

	#content .panleft-whitepaper .body {
		margin:0px;
		padding-top:5px;
		padding-bottom:5px;
		font-size:12px;
	}

	#content .panleft-whitepaper .response {
		margin:0px;
		padding-top:5px;
		padding-bottom:5px;
		font-size:12px;
		font-style:italic;
		padding-left:30px;
	}
	
	#content .panright-whitepaper {
		padding-top:50px;
		float:right;
		width:20%;
		text-align:center;
	}

/*==============================*/

/*============MAIL RESULT==========*/

	#content .panleft-mailresult {
		padding-top:90px;
		width:100%;
		float:left;
	}

	#content .panright-mailresult {
		padding-top:50px;
		float:right;
	}
	
	/*===========RESA===========*/

	#content .panleft-resa {
		padding-top:20px;
		width:590px;
		float:left;
		font-size:12px;
	}

	#content .panright-resa {
		padding-top:90px;
		margin-left:610px;
		/*float:left;*/
		font-size:13px;
	}
	
		#content .panright-resa form {
		background:#9BBB59;/*#DEE7D1;*/
		padding:5px;
		/*width:640px;*/
	}

	#content .panright-resa fieldset {
		padding:0 20px 0px 20px;
		margin-bottom:10px;
	}

	#content .panright-resa label {
		color:#FFFFFF;
		font-weight:bold;
		margin-top:0px;
		display:block;
	}

	#content .panright-resa input, #content .panright-resa textarea, #content .panright-resa select, #content .panright-resa option {
		background-color:#EFF3EA;
		font:10px Comic Sans MS,  Arial,  sans-serif;
	}

	#content .panright-resa input, #content .panright-resa textarea, #content .panright-resa select {
		border:1px solid #FFFFFF;
		border-radius:5px;
		width:170px;
		box-shadow:1px 1px 2px #C0C0C0 inset;	
	}

	#content .panright-resa textarea {
		width:100%;
	}

	#content .panright-resa select {
		margin-top:0px;
	 }

	#submitform {
		text-align:right;
	}

	#content .panright-resa input[type=submit], #content .panright-resa input[type=reset] {
		width:100px;
		margin-top:0px;
		right:20px;
		horizontal-align:right;
		box-shadow:1px 1px 1px #FFFFFF;
		cursor:pointer;
	 }

	#content .panright-resa input[type=submit]:hover, input[type=reset]:hover {
		background-color:yellow;
	}	
	
	#content .recopierCode {
	    font-size:14px;
	}

/*============MAIL RESA==========*/

	#content .panleft-mailresa {
		padding-top:20px;
		width:100%;
		float:left;
		font-size:13px;
	}

	#content .panright-mailresa {
		padding-top:10px;
		float:right;
	}