@CHARSET "UTF-8";

/*START**default.css***********************************************************/
	/* Basic HTML style
  ----------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E3E3E4;
	margin: 0px;
	font-size: 10px;
}

a {
	color: #999;
	text-decoration: none;
}

* {
	font-family: Arial, Helvetica, sans-serif;
}

li,ul {
	margin: 0px 5px;
	padding: 0px;
	padding-left: 20px;
}

#cssChoose {
	display: none;
}

/**END**default.css**/
	/*START**content_group.css***********************************************************/
#g_body {
	padding: 0px 10px 10px 10px;
	text-align: justify;
	color: #646466;
	font-size: 110%;
	line-height: 16px;
	min-height: 600px;
}

#g_body a {
	font-size: 100%;
	color: #40c0d3;
	font-weight: bold;
	text-decoration: underline;
}

#g_body a:hover {
	text-decoration: none;
}

#g_body h1 {
	padding-left: 28px;
	margin: 0px;
	font-size: 14px;
	color: #40c0d3;
	background: url('@fck_resource@/image/amster/ico_title_group.jpg') left
		no-repeat;
}

#g_body h2 {
	font-familly: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}

#g_body h3 {
	font-size: 100%;
	font-weight: bold;
}

#g_body #citation {
	text-align: left;
	padding-top: 50px;
}

#g_body .textcitation {
	color: #00abc4;
}

#g_body .auteurcitation {
	
}

/*Inscription*/
.side_contact {
	border: 2px solid #40c0d3;
	margin: 5px;
	padding: 3px;
	background: #fff;
}

.side_contact h1 {
	margin: 0;
}

.side_contact p {
	color: #666;
	font-size: 11px;
	margin: 0;
	padding: 0px;
}

span.evidence {
	color: #40c0d3;
	font-weight: bold;
	font-size: 12px;
}

input,textarea {
	background: #F7F7F7;
	border: 1px solid #D1D1D1;
	color: #000;
	font-size: 11px;
	margin: 2px 0 0 2px;
}

input.sub_contact {
	margin: 5px 0 0 0;
	border: 0px;
}

div.sitemap {
	text-align: right;
}

div.sitemap a {
	padding: 0 0 0 20px;
	background: url(@fck_resource@/image/amster/sitemap.jpg) left no-repeat;
}

div.sitemap a:hover {
	color: #40c0d3;
}

/* Add By Argon7 */
div.left_bloc {
	width: 48%;
	float: left;
	padding: 5px;
	border: 2px solid #40c0d3;
}

#g_body div.left_bloc h1 {
	background: #40c0d3;
	color: #fff;
	padding: 3px 0 3px 5px;
}

div.right_bloc {
	width: 48%;
	float: right;
}

div.clearer,p.clearer {
	clear: both;
}

ul.blue_list li {
	list-style-image: url(@fck_resource@/image/amster/fleche_liste_bleu.jpg)
		;
	color: #666;
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

ul.blue_list li.ss_list {
	list-style-image: none;
	list-style: none;
}

ul.blue_list li.ss_list2 {
	list-style-image: none;
	list-style: circle;
}

#g_body ul.blue_list a {
	color: #666;
	font-size: 12px;
	font-weight: normal;
}

div.centered_content {
	text-align: center;
}

#g_body div.highlight_content {
	border: 2px solid #40c0d3;
	padding: 5px;
}

#g_body div.highlight_content h1 {
	background: #40c0d3;
	color: #fff;
	padding: 3px 0 3px 5px;
}

.floatright {
	float: right;
}

.tiers {
	width: 38%;
}

.tier_home {
	width: 33%;
	float: left;
}

.tier_home_bottom {
	width: 300px;
	float: left;
	padding: 0 5px 0 5px;
}

.tier_home_bottom_border {
	width: 300px;
	float: left;
	padding: 0 5px 0 5px;
	border-right: 1px dotted #666;
	border-left: 1px dotted #666;
	height: 180px;
}

.double_tiers {
	width: 55%;
}

.half_right {
	width: 49%;
	float: right;
	text-align: center;
}

.half_left {
	width: 49%;
	float: left;
	text-align: center;
}

.right {
	float: right;
}

.left {
	float: left;
}

.center {
	text-align: center;
}

.center h1 {
	display: inline;
}

.leftimg {
	float: left;
	margin: 5px;
}

acronym {
	border-bottom: 1px dotted #999;
}

#list1 {
	margin: 0 0 0 10px;
}

#list1 h3 {
	background: url(@fck_resource@/image/amster/fleche_liste_bleu.jpg) left
		no-repeat;
	font-weight: normal;
	color: #666;
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	padding: 0 0 0 20px;
	cursor: pointer;
}

#list1 div {
	height: 100px;
}

ul.sec li {
	list-style-image: none;
}

div.casestudy {
	width: 120px;
	float: right;
	text-align: right;
}

div.actu {
	text-align: center;
}

div.actu h3 {
	color: #40c0d3;
	margin: 2px 0 2px 0;
}

div.actu p {
	margin: 2px 0 3px 0;
}

/* JQUERY ACCORDION */
.basic {
	
}

.basic div {
	postion: relative;
	z-index: auto;
	border-bottom: 1px solid #CCC;
}

.basic p {
	margin-bottom: 10px;
	border: none;
	text-decoration: none;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
}

#g_body a.accord {
	cursor: pointer;
	display: block;
	padding: 5px;
	margin-top: 0;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	color: #40c0d3;
}

.basic a:hover {
	
}

.basic a.selected {
	color: black;
}
	/* END JQUERY ACCORDION */ /**END**content_group.css**/
	
	/*START**fix.css***********************************************************/
	/*
  	-- -- -- -- -- -- --
  	Browser Fixes
  	-- -- -- -- -- -- --
  	This file uses CSS filtering methods to fix various
  	layout bugs.
  	Each of the following three imported files is a
  	separate, browser-specific CSS file that keeps all
  	hacks out of the main style sheet.

  	Over time, as supporting these browsers no longer
  	remains a priority, cleaning up the hacks is as
  	easy as deleting the @import statement below, or
  	simply no longer linking this file from the HTML.

  */ /*

    fix ie6 "peekaboo bug" using the "holly hack".
    Note, this style only gets applied to ie6
  */
	*
	html
	.wrapper
	{
	height
	:
	0.1%;
}

/*
   * IE5 mac - overrides the IE/Win hack
   */ /*\*/ /*/


  * html #threecolumn div {
  	height: auto;
  }

  /**/ /*
   * IE5/Win-specific CSS -ensures #container wraps all content on window resize
   */
@media tty {
	i {
		content: "\";/*" "*/}} * html #container { height: 1%; } /*";
	}
}  /* */
	/* Styling for editable elements. Eventually, this will be part of the style. */
.editable {
	border: 1px dashed blue;
}

#footer {
	clear: both;
}

a img,:link img,:visited img {
	border: none;
}

/** BEGIN CUSTOM SKIN **/ /*
  	-- -- -- -- -- -- --
  	Base CSS
  	-- -- -- -- -- -- --
  	This file simply removes default styling on most HTML elements in
  	order to reduce the need to later override them.
  */
h1,h2,h3,h4,h5,h6,pre,code,p {
	font-size: 1em;
}

dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
	{
	
}

a img,:link img,:visited img {
	border: none;
}

address {
	font-style: normal;
}  /*
  	-- -- -- -- -- -- --
  	Type Scheme: Deco
  	-- -- -- -- -- -- --
 */ /*
  h1, h2, h3, h4, h5, h6, p.description {
  	font-family: "Trebuchet MS", Trebuchet, sans-serif;
  }
*/
h1 {
	font-size: 3em;
	font-weight: bold;
	letter-spacing: 2px;
}

h2 {
	font-size: 2em;
	font-weight: normal;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.2em;
	letter-spacing: 0.2em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

p,td {
	
}

code,kbd {
	font-size: 1.25em;
}

/*
 	-- -- -- -- -- -- --
  	STYLE: Chemise
  	-- -- -- -- -- -- --
  */ /* ie6win */
#footer {
	height: 1%;
}

/* ie5mac */ /*\*/ /*/

  #footer { height: auto; }

  /**/ /* ie5 win */
@media tty {
	i {
		content: "\";/*"
			"*/}} td, * html th { font-size: 0.8em; } h1 { height: 1%; } /*";
	}
}  /* */ 

/**END**fix.css**/


/*START**layout.css***********************************************************/

body{
	margin:0px;
}

#container {
    width: 960px;
    text-align: left;
    margin: 0 auto;
    background-color:#ffffff;
}


#main-content {
    float: left;
    width: 710px;
}
#main-content_home {
}

#sidebar {
    float: right;
    width: 249px;
    background-color:#F6F6F6;
}

#footer {
	padding:5px;
	background-color:#E3E3E4;
    clear: both;
}

/**END**layout.css**/

	/*START**header.css***********************************************************/
#header {
	margin-top: 0px;
	margin-bottom: 13px;
	background: transparent;
	background-image: url('@fck_resource@/image/1.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	height: 176px;
}

#header ul {
	margin: 0px;
	padding: 0px;
	padding-top: 1px;
}

#g_header {
	z-index: 99;
	position:absolute;
	top:150px;
	width:960px;
}

#g_flash {
	position: absolute;
	top: 0px;
	z-index: 1;
}

#logo img {
	margin-top: 10px;
	margin-left: 8px;
}

#slogan {
	font-size: 100%;
	width: 100%;
	height: 14px;
	overflow: hidden;
}

#slogan #label {
	padding-left: 8px;
	color: white;
	height: 12px;
	display: block;
}

#headerlink {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	width: 100%;
	margin-top: 1px;
}

#headerlink li {
	color: black;
	margin: 0px;
	padding: 0px;
}

#headerlink span {
	padding-left: 8px;
	color: black;
}

#headerlinkcontent {
	overflow: hidden;
	width:880px;
}

#headerlink a {
	margin-top: -1px;
	width: 100%;
	display: block;
	height: 12px;
	overflow: hidden;
	background-color: #E3E3E5;
	border-top: 1px solid white;
}

#headerlink .amster:hover {
	background-color: #0178bc;
}

#headerlink .group:hover {
	background-color: #01abc4;
}

#headerlink  .alunys:hover {
	background-color: #0ba486;
}

#topmenucontent ul,#topmenucontent_home ul {
	margin: 0px;
	padding: 0px;
}

#topmenucontent {
	display: block;
	height: 12px;
	border-bottom: 1px solid white;
	overflow: hidden;
}

#topmenucontent_home {
	display: block;
	height: 12px;
	float: left;
	border-bottom: 1px solid white;
	overflow: hidden;
}

.topmenucontent_amster {
	background-color: #409acd;
}

.topmenucontent_group {
	background-color: #40c0d3;
}

.topmenucontent_alunys {
	background-color: #48bba4;
}

div.search_home {
	float: right;
	width: 180px;
}

div.search_home input {
	margin: 0;
}

#topmenu {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#topmenu li {
	float: left;
	margin-top: -1px;
	padding-right: 4px;
	padding-left: 8px;
	padding: 0px;
}

.atop {
	color: black;
}

.atop:hover {
	color: white;
	font-weight: bold;
}

.atopselected {
	color: white;
	font-weight: bold;
}

#sousmenuplaceholder {
	display: block;
	height: 12px;
	border-bottom: 27px solid white;
}

#sousmenuplaceholder_home {
	display: block;
	margin: 0 0 5px 0;
}

#sousmenuplaceholder_home div {
	margin: 5px 0 5px 0;
	float: right;
}

.sousmenuplaceholder_amster {
	background-color: #a6d0e8;
}

.sousmenuplaceholder_alunys {
	background-color: #aadfd5;
}

.sousmenuplaceholder_group {
	background-color: #a6e2ea;
}

#sousmenucontent {
	position: absolute;
	display: block;
	margin-left: -8px;
	margin-top: 2px;
	padding-top: 0px;
}

#sousmenu_alunys {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	color: white;
}

#sousmenu_alunys li {
	margin-top: -1px;
	float: left;
	padding-right: 5px;
}

.asous_alunys {
	color: white;
}

.asous_amster:hover {
	color: #0078bc;
}

.asousselected_amster {
	color: #0078bc;
}

.asous_group:hover {
	color: #00abc4;
}

.asousselected_group {
	color: #00abc4;
}

.asous_alunys:hover {
	color: #0ba486;
}

.asousselected_alunys {
	color: #0ba486;
}

#sidebarmenuplaceholder {
	display: block;
	height: 12px;
	border-bottom: 1px solid white;
}

.sidebarmenuplaceholder_amster {
	background-color: #409acd;
}

.sidebarmenuplaceholder_alunys {
	background-color: #48bba4;
}

.sidebarmenuplaceholder_group {
	background-color: #40c0d3;
}

#sidebarmenucontent {
	display: block;
	height: 12px;
	overflow: hidden;
	border-bottom: 27px solid #F6F6F6;
}

.sidebarmenucontent_amster {
	background-color: #a6d0e8;
}

.sidebarmenucontent_group {
	background-color: #a6e2ea;
}

.sidebarmenucontent_alunys {
	background-color: #aadfd5;
}

#sidebarmenu {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#sidebarmenu li {
	float: left;
	margin-top: -1px;
	padding-right: 4px;
	padding-left: 8px;
}

#sidebarmenu a {
	color: white;
}

/**END**header.css**/

/*START**menu_amster.css***********************************************************/

	/* Menu format vertical
#Nav {
	width: 100px;
	padding: 0;
	list-style: none;
}

#Nav li {
	background: #ddd;
	margin: 1px;	
	height: 20px;
}

.Menu {
	padding: 0;		
	margin-top: -18px;
	margin-left: 98px;
	width: 202px;
	list-style: none;
	display: none;	
}

.Menu li {
	height: 20px;
	width: 200px;	
}
*/
#Nav {
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 98;
}

#Nav li {
	width: 115px;
	margin: 0px 0 0 0px;
	float: left;
	padding: 0;
	color: #fff;
	border-right: 1px solid #fff;
	text-align: center;
}

#Nav li.lastlink {
	border: 0;
}

#Nav li a {
	color: #fff;
}

#Nav li ul li {
	text-align: left;
}

#Nav li ul li a {
	display: block;
	_width: 110px;
	background-color: #40c0d3;
	color: white;
	text-decoration: none;
	margin: 0;
	padding: 3px;
}

#Nav li ul li a:hover,#Nav li a:active {
	display: block;
	background-color: #f5f5f5;
	color: #40c0d3;
	text-decoration: none;
	margin: 0;
	padding: 3px;
}

.Menu {
	padding: 0;
	list-style: none;
	display: none;
}

/**END**menu_amster.css**/
	/*START**sidebar_group.css***********************************************************/
#sidebarmenu a:hover {
	font-weight: bold;
	color: #00abc4;
}

#sidebarmenu a.selected {
	font-weight: bold;
	color: #00abc4;
}

#g_sidebar {
	padding: 0px 10px 10px 10px;
	text-align: left;
	overflow: hidden;
	font-size: 100%;
	color: #646466;
	line-height: 16px;
	min-height: 600px;
}

#g_sidebar h2 {
	font-size: 100%;
	font-weight: bold;
}

#g_sidebar a {
	font-size: 100%;
	color: #00abc4;
}

/**END**sidebar_group.css**/
	/*START**thickbox.css***********************************************************/
	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
}

#TB_window a:link {
	color: #666666;
}

#TB_window a:visited {
	color: #666666;
}

#TB_window a:hover {
	color: #000;
}

#TB_window a:active {
	color: #666666;
}

#TB_window a:focus {
	color: #666666;
}

/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.TB_overlayMacFFBGHack {
	background: url(macFFBgHack.png) repeat;
}

.TB_overlayBG {
	background-color: #000;
	filter: alpha(opacity =   60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

* html #TB_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document .   body .   scrollHeight >     document .   body . 
		 offsetHeight ?     document .   body .   scrollHeight :     document
		.   body . 
		 offsetHeight +     'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color: #000000;
	display: none;
	border: 4px solid #333333;
	text-align: left;
	top: 50%;
	left: 50%;
}

* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 -     parseInt(this .   offsetHeight/ 2) +    
		( 
		 TBWindowMargin =     document .   documentElement &&     document . 
		 documentElement .   scrollTop ||     document .   body .   scrollTop
		) +   
		 'px' );
}

#TB_window img#TB_Image {
	display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption {
	height: 25px;
	padding: 7px 30px 10px 25px;
	float: left;
}

#TB_closeWindow {
	height: 25px;
	padding: 11px 25px 10px 0;
	float: right;
}

#TB_closeAjaxWindow {
	padding: 7px 10px 5px 0;
	margin-bottom: 1px;
	text-align: right;
	float: right;
}

#TB_ajaxWindowTitle {
	float: left;
	padding: 7px 0 5px 10px;
	margin-bottom: 1px;
}

#TB_title {
	background-color: #e8e8e8;
	height: 27px;
}

#TB_ajaxContent {
	clear: both;
	padding: 2px 15px 15px 15px;
	overflow: auto;
	text-align: left;
	line-height: 1.4em;
}

#TB_ajaxContent.TB_modal {
	padding: 15px;
}

#TB_ajaxContent p {
	padding: 5px 0px 5px 0px;
}

#TB_load {
	position: fixed;
	display: none;
	height: 13px;
	width: 208px;
	z-index: 103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 -     parseInt(this .   offsetHeight/ 2) +    
		( 
		 TBWindowMargin =     document .   documentElement &&     document . 
		 documentElement .   scrollTop ||     document .   body .   scrollTop
		) +   
		 'px' );
}

#TB_HideSelect {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	border: none;
	filter: alpha(opacity =   0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}

* html #TB_HideSelect { /* ie6 hack */
	position: absolute;
	height: expression(document .   body .   scrollHeight >     document .   body . 
		 offsetHeight ?     document .   body .   scrollHeight :     document
		.   body . 
		 offsetHeight +     'px');
}

#TB_iframeContent {
	clear: both;
	border: none;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}
/**END**thickbox.css**/




/** ADDITIONAL AMSTER CSS**/
#breadcrumb {
        float:right;
	height:20px;
}
#breadcrumb li{
        float:left;
        color:right;
        padding-left:5px;
        padding-right:15px;
	 list-style-image: url(@fck_resource@/image/amster/fleche_liste_bleu.jpg)

}

div.tier{
width:33%;
float:left;
text-align:center;
margin:10px 0 0 0;
}