/*-----------------------------------------------
		cinquecento.css
		
		Version :    1.0
		author:      Grafiboo
		email:       contact@grafiboo.ch
		website:     http://www.grafiboo.ch
		
	-------------------------------------------------*/
	
	/*---------------------------------------------
		RESET STYLES
	----------------------------------------------*/
		html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,a:hover,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,button,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
		border:0;
		outline:0;
		font-weight:inherit;
		font-style:inherit;
		font-family:inherit;
		font-size:11px;
		vertical-align:baseline;
		font-family:Verdana;
		list-style-type:none;
		text-decoration:none;
		border-collapse:collapse;
		border-spacing:0;
		color:#000;
		margin:0;
		padding:0;
		}
	/*------------------------------------------
		HTML
	--------------------------------------------*/
	body{
		background: #2f2f2f;
		width:100%;
		height:auto;
		font-family:"Lucida Sans";
		background:#D5E8F5 url(../images/back.gif);
		background-attachment:fixed;
		}
	/*--------------------------
		LAYOUT
	----------------------------*/
	div#wrapper{
		width:600px;
		height:auto;
		margin:25px auto 0 auto;
		background:#fff;
		border:5px solid #e4e4e4;
		position:relative;
		-moz-border-radius : 5px 5px 5px 5px; 
		}
	div#content, #admin div#content{
		width:100%;
		height:auto;
		}
	#admin div#content{
		min-height:400px;
		}
	div#mainContent, #presse div#mainContent{
		width:400px;
		float:left;
		min-height:300px;
		}
	#admin div#mainContent{
		width:590px;
		min-height:400px;
		clear:both;
		}
	#presse div#mainContent{
		width:450px;
		}
	div#sideContent, #presse div#sideContent{
		width:180px;
		float:right;
		}
	#presse div#sideContent{
		width:130px;
		}
	div.clear{
		clear:both;
		height:1px;
		margin-height:-1px;
		text-indent:-9000px;
		}
	/*--------------------------
		NAVIGATION
	----------------------------*/
	#mainNav{
		width:100%;
		height:59px;
		background:url(../images/menu_034_bg.jpg) repeat-x;
		}
	#mainNav ul{
		list-style:none;
		margin:0 auto;
		width:100%;
		}
	#mainNav li{
		list-style:none;
		display:block;
		float:left;
		height:59px;
		line-height:59px;
		}
	#mainNav li a{
		display:block;
		float:left;
		color:#a7a7a7;
		text-transform:uppercase;
		font-size:11px;
		font-weight:bold;
		line-height:59px;
		text-decoration:none;
		padding:0 20px;				
		}
	#mainNav li a:hover{
		color:#fff;
		background:url(../images/menu_034_h.jpg) no-repeat bottom;
		}
	#mainNav li a.current{
		display:block;
		float:left;
		background:url(../images/menu_034_h.jpg) no-repeat bottom;
		color:#fff;
		text-transform:uppercase;
		font-size:11px;
		font-weight:bold;
		line-height:59px;
		text-decoration:none;
		padding:0 20px;	
		}
	#mainNav li a:hover.current{
		color:#fff;
		}
	#mainNav li.admin{
		list-style:none;
		display:block;
		float:left;
		height:59px;
		line-height:59px;
		float:right;
		margin-right:10px;
		}
	#mainNav li.admin a{
		display:block;
		float:left;
		color:#A8D33B;
		text-transform:lowercase;
		font-size:10px;
		font-weight:normal;
		line-height:59px;
		text-decoration:none;
		padding:0 13px;	
		background:url(../images/arrow_right.gif) no-repeat 0.1em 2.4em ;			
		}
	#mainNav li.admin a:hover{
		text-decoration:underline;
		}
	/*--------------------------
		HEADINGS
	----------------------------*/
 	h1{
 		font-size:25px;
 		font-weight:bold;
 		font-family:"Lucida Sans", Helvetica;
 		margin:20px 10px 10px 10px;
 		color:#333;
 		clear:both;
 	}
 	h2{
 		font-size:15px;
 		font-weight:bold;
 		font-family:"Lucida Sans", Helvetica;
 		padding:10px 10px 10px 10px;
 		color:#A8D33B;
 		clear:both;
 	}
 	h3{
 		font-size:15px;
 		font-weight:bold;
 		font-family:"Lucida Sans", Helvetica;
 		margin:30px 10px 10px 0;
 		color:#E66700;
 		clear:both;
 	}
 	#presse h3, #galerie h3{
 		visibility:hidden;
 	}
 	h6{
		font-size:13px;
		background-color:#FFEBE8;
		border-color:#CC0000;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		border-style:solid;
		border-width:1px;
		margin:0 20px 16px 20px;
		padding:12px;					 
		}
 	/*--------------------------
		PARAGRAPH
	----------------------------*/
	 p{
 		font-size:15px;
 		margin:10px 10px 10px 10px;
 		color:#333;
 		font-family:"Lucida Sans", Helvetica;
 		line-height:18px;
 		}
	div#sideContent p, div#sideContent p span{
 		font-size:11px;
 		margin:5px 10px 5px 0;
 		color:#333;
 		font-family:"Lucida Sans", Helvetica;
 		line-height:18px;
 		}
 	div#sideContent p span{
 		font-weight:bold;
 		}
 	p.legalDisclaimer, p.legalDisclaimer a{
 		width:600px;
 		height:auto;
 		margin:10px auto 10px auto;
 		color:#fff;
 		font-size:10px;
 		font-weight:normal;
 		}
 	 p.legalDisclaimer a, p.legalDisclaimer a:hover{
		text-decoration:none;
 		color:#fff;
 		}
 	 p.legalDisclaimer a:hover{
		text-decoration:underline;
 		}
  	/*--------------------------
		LINKS
	----------------------------*/
	 div#mainContent a, div#mainContent a:hover, div#mainContent a.fileLink, div#mainContent a.fileLink:hover {
 		text-decoration:none;
 		padding:0 0 0 15px;
 		font-size:12px;
 		font-weight:bold;
 		background:url(../images/fleche.png) no-repeat center left;
 		}
 	 div#mainContent a.fileLink, div#mainContent a.fileLink:hover{
 		margin:10px 10px 20px 10px;
 		display:block;
 		}
 	div#mainContent a:hover{
 		text-decoration:underline;
 		}
 	div#mainContent a.fileLink:hover{
 		text-decoration:underline;
 		}
	div#sideContent a, div#sideContent a:hover{
 		font-size:11px;
 		color:#333;
 		font-family:"Lucida Sans", Helvetica;
 		line-height:18px;
 		text-decoration:underline;
 		}
 	div#sideContent a:hover{
 		text-decoration:none;
 		}
	/*--------------------------
		IMAGES
	----------------------------*/
	img.branding{
 	 	position:absolute;
 	 	left:5px;
 	 	top:10px;
 	 	z-index:6;
 		}
 	img.pics{
 	 	float:right;
 		}
	img.press{
 		text-align:center;
 		margin:15px 0 0 15px;
 		}
 	img.map{
 		margin: 10px 0 0 -15px;
 		position:relative;
 		}
 	#mainContent #galery img{
 		margin:5px 10px 10px 10px;
 		display:block;
 		}
 	.header{
 		z-index:1;
 		}
 	/*--------------------------
		PROGRAM
	----------------------------*/
	ul.program{
		margin:-5px 10px 10px 10px;
		background:#f3f3f3;
		padding:10px;
		}
	ul.program li, ul.program li.titre{
		line-height:25px;
		margin:0;
		font-size:12px;
	}
	ul.program li.titre{
		font-size:13px;
		font-weight:bold;
		margin:5px 0 5px 0;
		width:auto;
	}
	 /*--------------------------
		PRESSE/GALERIE
	----------------------------*/
	p.date{
		padding:0;
		margin:0 10px 0 10px;
		font-size:10px;
		border-bottom:1px solid #f3f3f3;
		border-top:1px solid #f3f3f3;
		}
	div#sideContent ul{
		margin:0;
		padding:0;		
		}
	div#sideContent ul li{
		margin:0 0 0 0;
		padding:0;		
		}
	#presse div#sideContent ul li, #galerie div#sideContent ul li{
		margin:0 0 0 30px;
		padding:0;		
		}
	#presse div#sideContent ul li a, div#sideContent ul li a:hover, div#sideContent ul li a.current,
	#galerie div#sideContent ul li a, #galerie div#sideContent ul li a:hover{
		display:block;
		font-size:12px;
		text-decoration:none;
		padding:0 10px 0 12px;
		height:20px;
		width:50px;
		line-height:20px;
		cursor:pointer;		
		}
	div#sideContent ul li a:hover{
		text-decoration:none;
		color:#E66700;
		}
	 #galerie div#sideContent ul li a:hover{
		text-decoration:none;
		color:#E66700;
		width:100px;
		}
	#galerie div#sideContent ul li.current{
		width:auto;
		padding:0;
		width:100px;
		background:url(../images/currentGalerie.gif) no-repeat top right;	
		padding:0;
		}
	#galerie div#sideContent ul li a, div#sideContent ul li a:hover{
		 width:100%;
		}
	#galerie div#sideContent ul li.current a{
		background:url(../images/currentGaleriea.gif) no-repeat top left;	
		color:#fff;
		text-align:center;
		padding:0;
		}
	#galerie div#sideContent ul li.current a:hover{	
		color:#fff;
		text-align:center;
		}
	 div#sideContent ul li a.current, div#sideContent ul li a.current:hover,
	 #galerie div#sideContent ul li a.current:hover {
		text-decoration:none;
		color:#fff;
		background:url(../images/currentPress.gif) no-repeat top left;
		}
	#galerie div#mainContent ul{
		clear:both;
		display:block;	
		margin:30px 0 0 50px;
		width:400px;
		height:50px;
		}
	#galerie div#mainContent ul li{
		float:left;
		margin-right:100px;
		}
	#galerie div#mainContent ul li a{
		float:left;
		margin-right:15px;
		}
	#galerie div#mainContent ul li a.prev{
		background:url(../images/fleche_prev.png) no-repeat center left;
		padding:0 0 0 20px;
		}
	#galerie div#mainContent ul li a.next{
		background:url(../images/fleche.png) no-repeat center right;
		padding:0 20px 0 0;
		}
	 /*--------------------------
		CONTACT
	----------------------------*/
	ul.tel{
		margin:20px 0 0 0;
		padding:0;
		}
	ul.tel li, ul.tel li a {
		margin:0 0 0 0;
		padding:0;
		clear:both;
		line-height:15px;
		}
	ul.tel li span {
		margin:0;
		padding:0 5px 0 0;
		font-weight:bold;
		}
	ul.tel li.email {
		margin:10px 0 0 0;
		padding:0;
		font-style:italic;
		}
 	/*--------------------------
		FORM
	----------------------------*/
	div#mainContent form {
		margin:10px;
		padding:5px;
		background:#f5f5f5;
		-moz-border-radius : 5px 5px 5px 5px; 
	    }
  	div#mainContent form fieldset {  
		clear:both;  
      	margin:1em 0;  
  		}  
   	div#mainContent form fieldset label {  
      	display:block;  
      	float:none;  
      	font-size:13px;  
      	width:auto;
      	margin:0 0 5px 0;
      	font-weight:bold;  
  		} 
  	div#mainContent form fieldset label.error {  
     	color:#D12A00;
		font-size:9px; 
		padding-left:10px; 
  		} 
  	div#mainContent form fieldset label.error, .error {  
     	color:#D12A00;
		font-size:9px; 
		padding-left:10px;
		display:inline; 
  		} 
  	.error{
  		font-size:10px;
  		padding:0;
  		}
  	div#mainContent form fieldset input {  
      	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
      	border-style:solid;  
     	border-width:1px;  
      	padding:5px;  
     	font-size:16px;  
      	color:#333;  
      	width:230px;
  		}  
  	div#mainContent form fieldset textarea {  
      	font-family:Arial, Tahoma, Helvetica, sans-serif;  
      	font-size:100%;  
      	padding:0.6em 0.5em 0.7em;  
      	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
      	border-style:solid;  
     	border-width:1px; 
      	width:330px;
      	height:150px; 
  		} 
  	div#mainContent form input.send, div#mainContent form input.send:hover {  
      	background:#333;
      	width:50px;  
      	padding:10px;
      	margin:10px 10px 10px 0;  
     	font-size:12px;  
      	color:#fff;  
      	width:auto;
      	border:0;
      	cursor:pointer;
      	-moz-border-radius : 5px 5px 5px 5px; 
  		}
  	  div#mainContent form input.send:hover {  
		color:#A8D33B;
  		}  
  	/*--------------------------
		PAGE ADMIN
	----------------------------*/
	div#login{
		margin:110px auto 0 auto;
		width:300px;
		}
	.formlogin{
		-moz-border-radius-bottomleft:11px;
		-moz-border-radius-bottomright:11px;
		-moz-border-radius-topleft:11px;
		-moz-border-radius-topright:11px;
		background:#FFFFFF none repeat scroll 0 0;
		border:1px solid #E5E5E5;
		font-weight:normal;
		margin-left:8px;
		padding:16px 16px 40px;
		} 
	.formlogin label{
		display:block;
		font-style:verdana;
		font-size:14px;
		color:#777;	
		} 
	.formlogin input{
		background:#FBFBFB none repeat scroll 0 0;
		border:1px solid #E5E5E5;
		font-size:24px;
		margin-bottom:16px;
		margin-right:6px;
		margin-top:2px;
		padding:3px;
		width:97%;					
		}
	.formlogin input.submit{
		display:block;
		border:0;
		width:auto;
		cursor:pointer;
		float:right;
		font-style:Helvetica,verdana;
		font-size:14px;
		color:#777;
		text-align:center;
		padding:12px 0 10px 40px;
		margin:0;
		background:url(../images/vu.png) no-repeat;
		}