@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***********************************************************/
@CHARSET "ISO-8859-1";

#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/amstergroup/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;
}
.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/amstergroup/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/amstergroup/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:230px;
float:left;
padding : 0 5px 0 5px;
}
.tier_home_bottom_border{
width:230px;
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/amstergroup/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;
}
div.tier{
width:33%;
float:left;
text-align:center;
margin:10px 0 0 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/amstergroup/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: 123;
	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:1000;
}

#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{
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***********************************************************/
@CHARSET "ISO-8859-1";

#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;

}
a.contact_link{
display:block;
color:#fff;
text-align:center;
}


/**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)

}