@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.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: #0BA486;
	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: #48BBA4;
	background: url('@fck_resource@/image/ico_title.jpg') left no-repeat;
}

/*
h1{
        font-familly:Arial,Helvetica,sans-serif;
	 font-size:140%;
        font-weight:normal;
	 color:#0BA486;
}
*/
#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: #0BA486;
}

#g_body .auteurcitation {
	
}

/*Inscription*/
#g_sidebar {
	margin: 0 5px 0 5px;
}

.side_contact {
	border: 2px solid #A4DDD2;
	margin: 5px 0 5px 0;
	padding: 3px;
	background: #fff;
}

.side_contact h1 {
	margin: 0;
}

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

span.evidence {
	color: #48BBA4;
	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: 0px 0 0 0;
	border: 0px;
}

/* ADD BY ARGON7 */
#g_body div.highlight_content {
	border: 2px solid #48bba4;
	padding: 5px;
}

div.left_bloc {
	width: 48%;
	float: left;
	border: 2px solid #a4ddd2;
	padding: 5px;
}

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

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

div.clearer {
	clear: both;
	/*height: 1px;
	line-height: 1px;
	border: 0;*/
}

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

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

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

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

div.centered_content {
	text-align: center;
}

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

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

div.casestudy img {
	border: 0;
}

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

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

.floatright {
	float: right;
}

.right {
	float: right;
}

.left {
	float: left;
}

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

div.right_links {
	text-align: right;
	margin: 10px 0 10px 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: #43baa4;
}

.basic a:hover {
	
}

.basic a.selected {
	color: black;
}

/* END JQUERY ACCORDION */ 

/**END**content.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**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: 100;
	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{
	margin:0px;
        padding:0px;
}

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

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

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

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

#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_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**layout.css***********************************************************/

body{
	margin:0px;
}

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

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

#sidebar {
    float: right;
    width: 249px;
    background-color:#F6F6F6;
}
#footer {
	padding:5px;
	background-color:#E3E3E4;
    clear: both;
}

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

/*START**menu_alunys.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;
}

#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: #48bba4;
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: #48bba4;
text-decoration: none;	
margin: 0; padding: 3px;
}
.Menu {
padding: 0;
list-style: none;
display: none;
}
	
/**END**menu_alunys.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/alunys/fleche_liste_verte.jpg)

}

	/*START**content_group.css***********************************************************/
.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;
}
/**END**content_group.css**/

.crm_casestudy {
float:left;
margin:20px 55px 0px 55px;
width:120px;

}


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

.jcarousel-list li, .jcarousel-list ul {

	padding: 0;
	margin : 0;
	
}