body
	{
    background-color: #ffffff;
    color:			#403a3a;
    font-family:	"Open Sans", verdana, helvetica, arial, tahoma, sans-serif;
    font-size:		13px;
    margin:			5px;
	text-align:		justify;
	line-height: 	20px;
	}

h1, .h1
	{
	font-weight:	bold;
	text-align:		center;
	color:			#ffa030;
	}

h4, .h4
	{
	color:			#303050;
	}

	
.topmenuband
	{
	max-width:		1000px; 
	margin-left:	auto; 
	margin-right:	auto; 
	background-color:#c0c0c8;
	min-height:		50px; 	
	color:			white; 
	font-family: 	arial; 
	font-size:		18px;
	}
	
.menubutton
	{
	border: 		1px solid inherit;
	padding: 		8px;
	min-height:		48px;
	margin:			0px;
	border-radius: 	4px;
	line-height:	3;
	font-size: 		16px;
	color: 			#606060;
	}

.menubutton:hover
	{
	border: 1px solid #a0a0a0;
	background-color: #f0c060; 
	color: #ffffff;
	}
	
	
.mainpage
	{
	max-width:			1000px;
	background-color:	#fff;
	margin-left:		auto;
	margin-right:		auto;
	height:				100%;
	}
	
.ltorange 
	{
	background-color: #fff0e0; 
	}

.colorshadows
	{
	background-color: #600000; 
	}
	
.colorsundials
	{
	background-color: #756020; 
	}
	
.colorastrolabes
	{
	background-color: #006060; 
	}
	
.texteblanc
	{
	color:			  #e0e0e0;
	}
	
.texteblancgris
	{
	color:			  #d0d0d0;
	}
	
.selected 
	{
/*	background-color: #e0ffaf; */
	border-bottom: 		1px solid #8080a0;
	}
	
.bkgris 
	{
	background-color: #e0e0e0; 
	}
	
.clickbutton
	{
	border: 		1px solid #408050;
	background-color: #b0e0a0; 
	padding: 		8px;
	border-radius: 	4px;
	font-size: 		15px;
	font-weight:	bold;
	line-height:	3;
	color: 			#606080;
	}

.clickbutton:hover
	{
	border: 1px solid #404040;
	background-color: #f0c060; 
	color: #ffffff;
	}

.framed
	{
	border: 2px solid #f0f0f0;
	}

.left
	{
	text-align:		left;
	}
	
.right
	{
	text-align:		right;
	}

.barre 
	{
	background-color: 	#e8e8e0; 
	margin: 			0px;
	padding: 			7px 12px 7px 12px;
	}
	
bandeau
	{
	font-family:	verdana, helvetica, arial, tahoma, sans-serif;
	font-size:		24px;
	color:			white;
	}
	
p
	{
    font-size:		14px;
	}

li	
	{
    font-size:		14px;
	}

.marquant
	{
    font-family:	"Open Sans", Tahoma, verdana, helvetica, arial, sans-serif;
    color:			#0060a0;
    font-size:		16px;
	font-weight:	normal;
	line-height: 	24px;
	}

.liste
	{
	margin-left:    20px;
	margin-bottom:  5px;
	margin-top:		0px;
	}
	
p.titre 
	{
	font-family:	"Open Sans", verdana, helvetica, arial, sans-serif;
	font-size:		14px;
	font-weight:	bold;
	color:			#6060a0;
	}

.pagetitle
	{
	font-family:	krona-one, Verdana, Helvetica, Arial, sans-serif;
	font-size:		18pt;
	color:			#ffa030;
	font-weight:	normal;
	margin-top:		20pt;
	margin-Bottom:	20pt;
	text-align:		center;
	line-height:	125%;
	}
 	
.subtitle
	{
	font-family:		Verdana, Helvetica, Arial, sans-serif;
	font-size:			14pt;
	color:				#3080b0;
	background-color: 	#e8e8e0; 
	margin: 			10px 0px 10px 0px;
	padding: 			7px 0px 7px 10px;
	font-weight:		bold;
	text-align:			left;
	}
	
.subtitlebis
	{
	font-family:		Verdana, Helvetica, Arial, sans-serif;
	font-size:			14pt;
	color:				#c06040;
	font-weight:		bold;
	;margin-top:			20pt;
	margin-left:    	10pt;
	margin-Bottom:		15pt;
	text-align:			left;
	}
	
.subtitle3 
	{
	font-family:	Helvetica, Arial, sans-serif;
	font-size:		16px;
	color:			#4040a0;
	font-weight:	bold;
	margin-top:		10px;
	margin-Bottom:	5px;
	}

.section 
	{
	font-family:	Helvetica, Arial, sans-serif;
	font-size:		16px;
	color:			#4040a0;
	font-weight:	bold;
	margin-top:		20px;
	margin-left:	20px;
	margin-Bottom:	10px;
	}
	
	
a 
	{
    text-decoration: 	none;
    color: 				#4040a0;
	font-weight:		600;
	}
	
a:hover 
	{
	background-color: 	#ffa030;
    text-decoration: 	none;
	color: 				#ffff00; 
	}

.white
	{
	color: #ffffff; 
	}

.lightyellow
	{
	color: #ffff80; 
	}

.arrondi
	{
	border-radius: 10px;
	}
	
.Block
	{
	border: 2px solid #e0e0e0;
	background-color: #f0f0f0; 
	padding: 5px 5px 5px 5px;
	margin: 2px 2px 2px 2px;
	margin-top: 5px;
	width: 136px;
	}
.Block:hover
	{
	background-color: #604060;
	color: #ffffff; 
	}
	

.english
	{
	color:			#0040a0;
	}

p.small 
	{
	font-size:		11px;
	color:			#604080;
	line-height:	14px;
	}
	
.cadrephoto
	{
	border:			solid 2 black;
	}
	
	
.bottomline
	{
	font-size:		10px;
	background-color: white;
	color:			Gray;
	border-top:		solid 1px black;
	margin-top:		0px;
	margin-bottom:	0px;
	text-align:		center;
	}

.smaller
	{
	font-size: 12px;
	}

.small 
	{
	font-size: 11px;
	}

.smallc 
	{
	font-size: 10px;
	text-align:		center;
	}
	

.frame1 
	{
	background-color: #f4f4f4;
	border:	solid 1px #c0c0c0;
	padding: 3px 3px 3px 3px;
	}

.leftbutton
    {
    font-family:    arial; 
    font-size:      15px; 
    font-weight:    bold; 
	margin-left:    15px;
	margin-bottom:  10px;
	color:          #ff40a0;
	vertical-align: middle;
    }
    
.button 
	{
	background-color: #f4f4f4;
	border:	solid 1px #c0c0c0;
	padding: 3px 3px 3px 3px;
	}

.buttonlight
	{
	background-color: #ffffa0;
	border:	solid 1px #c0c0c0;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	}
	
.credit 
	{
	font-size:			11px;
	color:				#6000a0;
	background-color:	#f0f0f0;
	border:				solid 1px #c0c0c0;
	padding:			3px 3px 3px 3px;
	}

.center
       {
	text-align:		center;
    }
    	
.centerblock
	{
	margin-left:		auto;
	margin-right:		auto;
	}
	
.lititle 
	{
	font-size:		14px;
	margin-top:		10px;
	margin-bottom:	4px;
	font-weight:	bold;
	color:			#4040a0;
	}
		
.break
	{
	margin-bottom:		20px;
    font-family:		kotta-one, "Open Sans", verdana, helvetica, arial, tahoma, sans-serif;
	font-size:			17px;
	line-height:		22px;
	text-align:			justify;
	}
	
.nav > li.disabled > a {
  color: #e0e0e0;
}
	
.vert 
	{
	background-color: #b0e0a0; 
	}

.rouge 
	{
	color: #f00000; 
	}

.gris
	{
    font-size:		14px;
	font-weight:	bold;
	color:			#404080;
	}
		
.grisbleu 
	{
	background-color: #e8f0f0; 
	}