/*************************************************
GENERAL
*************************************************/
	
	/*************************************************
	General
	*************************************************/

	body, html{
		background:#336390;
	}
	#page{
		background:#FFFFFF;
		color:#5e5e5e;
		padding:10px;
		margin-bottom:10px;
	}

	input.externalInput, input.externalSubmit{
		font-family:verdana;
		font-size:0.9em;
		padding:7px;
		border:none;
	}
	input.externalSubmit{
		background:#95b8d8;
		color:#FFFFFF;
		font-weight:bold;
	}
	
	a{
		color:#005;
	}
	
	a:hover{
		color:#00C;
	}

	/*************************************************
	header
	*************************************************/
	#header{
		padding:10px;
	}

	#logo{
		margin-top:8px;
	}
	#banner{
		margin-bottom:1em;
	}

	/*************************************************
	Main menu
	*************************************************/
	#menu-main{
		margin-bottom:10px;
	}
	
	#menu-main ul{
		margin:0 0 10px 0;
		padding:0;
		font-size:1.1em;
	}

	#menu-main ul li{
		display:block;
		float:left;
		margin-right:2px;
	}
	
	#menu-main li a{
		background:#2e5274;
		padding:3px 14px;
	}
	
	#menu-main li a:hover{
		text-decoration:none;
	}

	#menu-main li a, #menu-main li a:visited, #footer a, #footer a:visited{
		color:#FFFFFF;
		text-decoration:none;
	}
	#menu-main li a:hover, #footer a:hover{
		text-decoration:underline;
	}

	/*************************************************
	Footer
	*************************************************/
	#footer{
		color:#FFFFFF;
		padding:10px;
	}
	#footer ul{
		margin:0;
		padding:0;
		font-size:0.9em;
	}
	#footer ul li{
		list-style-type:none;
	}

/*************************************************
	HOME PAGE
*************************************************/

	/*************************************************
	Teaser
	*************************************************/
	#teaser{
		background:#e6e6e6;
		height:290px;
		padding:10px;
	}
	#teaser img.left{
		float:left;
	}
	.screens{
		float:left;
	}
	.last-release{
		background:#ababab;
		color:#FFFFFF;
		font-weight:bold;
		padding:5px;
		float:right;
	}
	/*************************************************
	Buttons
	*************************************************/
	.main-buttons{
		color:#FFFFFF;
	}
	.main-buttons .button{
		display:block;
		color:#FFFFFF;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom-width:2px;
		border-bottom-style:solid;
		margin-bottom:10px;
		text-decoration:none;
		background-position:15px 15px;
		background-repeat:no-repeat;
		height:48px; /* 50 + 10 + 10 + 2(border) = 70px*/
	}
	.main-buttons .button:hover{
		color:#FFFFFF;
	}
	.main-buttons .button span{
		display:block;
	}
	.main-buttons .button .title{
		font-size:1.6em;
	}
	.main-buttons .button .desc{
		font-size:0.95em;
		padding-left:2px;
	}
	.main-buttons .last{
		margin:0;
	}
	.main-buttons .download{
		background-image:url('../images/local/skin/button-download.png');
		background-color:#5370a6;
		border-bottom-color:#425a85;
	}
	.main-buttons .download:hover{
		background-color:#415c8d;
	}
	.main-buttons .demo{
		background-image:url('../images/local/skin/button-demo.png');
		background-color:#5faf41;
		border-color:#4c8c34;
	}
	.main-buttons .demo:hover{
		background-color:#4b942f;
	}
	.main-buttons .participate{
		background-image:url('../images/local/skin/button-participate.png');
		background-color:#e99b21;
		border-color:#ba7c1a;
	}
	.main-buttons .participate:hover{
		background-color:#ce7e00;
	}
	.main-buttons .forums{
		background-image:url('../images/local/skin/button-forums.png');
		background-color:#c34d4d;
		border-color:#9c3e3e;
	}
	.main-buttons .forums:hover{
		background-color:#b73a3a;
	}
	
  .main-buttons .twitter{
		background-image:url('../images/local/skin/button-twitter.png');
		background-color:#67caea;
		border-color:#47bbda;
	}
	.main-buttons .twitter:hover{
		background-color:#47bbda;
	}

	/*************************************************
	References
	*************************************************/
	.refs .title{
		font-weight:bold;
		color:#7d7d7d;
	}
	.refs {
		text-align:justify;
	}
	/*************************************************
	Features
	*************************************************/
	.feature{
		font-size:0.8em;
	}
	.feature .image{
		text-align:center;
	}
	.feature h3{
		margin:15px 0 10px 0;
		font-size:1.5em;
		font-weight:bold;
	}
	
/*************************************************
INTERNAL
*************************************************/
	
	/*************************************************
	portlet
	*************************************************/
	.portlet-header{
		background:#5370a6;
		padding:5px;
		color:#FFF;
		font-size:1.3em;
		font-weight:bold;
	}
	
	.portlet-background-colored-header{
		background:#cecece;
		padding:5px;
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:1em;
	}
	
/*************************************************
REFERENCES PAGE
*************************************************/
	#references ul{
		margin:0;
		padding:0;
	}
	
	#references li, #references li img{
		width:290px;
		height:180px;
	}
	
	#references li{
		display:block;
		float:left;
		list-style:none;
		border:4px solid #dedede;
		margin:5px;
	}
	
	#references .linkref{
		display:block;
		width:260px;
		height:40px;
		background:url('../images/local/skin/transparent.png');
		color:white;
		position:relative;
		bottom:55px;
		margin-bottom:-55px;
		text-decoration:none;
		color:#888;
		text-decoration:none;
		font-size:1.6em;
		padding-top:10px;
		padding-left:30px;
	}
	
	#references li:hover .linkref{
		color:#FFF;
	}	
	#references li img{
		
	}
	
	
	
/*****************************************************
TODO : remove and let page_template_ie do this work
****************************************************/

	input.externalSubmit{
		overflow: visible;
	}
	
	* html .main-buttons .button{
		background-image:none;
	}

	
	
    /* --------------------- plan du site  --------------------- */
	
	
	.plansite-sup , .plansite-sub, .plansite-subsub{
		list-style-type:none;
	}
	
    .plansite-sup {
        background: url(../images/local/skin/plan_rub.gif) no-repeat;
        padding-left: 22px;
        margin-bottom: 10px;
    }

    

    .plansite-sub {
        background: url(../images/local/skin/plan_sousrub.gif) no-repeat 0 5px;
    }

    

    .plansite-subsub {
        background: url(../images/local/skin/plan_ssousrub.gif) no-repeat 0 5px;
    }


    .plansite-sup a:link, .plansite-sup a:visited {
        background-color: #F4F4F4;
        display: block;
        padding: 2px;
    }

    .plansite-sub a:link, .plansite-sub a:visited {
        background-color: transparent;
        padding-left:15px;
	}

    .plansite-sup p {
        padding-top:10px;
        padding-bottom:10px;
    }

    .plansite-sub p {
        padding-top: 0;
        padding-bottom:10px;
	}
	
	.site-map-level-highest{
		margin-bottom:5px;
	}