/* ------------------------------- */
/* -- CSS By Prezenz			-- */
/* -- http://www.prezenz.com	-- */
/* -- Copyright 2007			-- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE					-- */
/* ------------------------------- */

* {
	border: 0;
	margin: 0;
	padding: 0;
}

html {
	height:100%;
}

body {
	background-color:#C1C0AB;
	color:#000;
	font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}

/* ------------------------------- */
/* -- COMMUN					-- */
/* ------------------------------- */

a { 
	color:#7AA800;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#333;
}

.veryimportant {
	display: none
}

/* ------------------------------- */
/* -- FORM						-- */
/* ------------------------------- */

.form_line {
	margin-bottom:8px;
}

label {
	width:70px;
	display:block;
	float:left;
	border-bottom:1px none #AAA;
	margin-right:20px;
}

.alert {
	background: #fff6bf url(../images/sign_warning.gif) center no-repeat;
	background-position: 5px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 10px 5px 25px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	display:block;
	margin-bottom:10px;
	width:440px;
}

input {
	border-bottom:1px dotted #999;
	background-color:#FFF;
	height:14px;
	width:380px;
	padding:2px;
	font-size:11px;
}

* html input {
	border-bottom:1px dotted #999;
	background-color:#FFF;
	height:14px;
	width:370px;
	padding:2px;
	font-size:11px;
}

textarea {
	border:1px dotted #999;
	background-color:#FFF;
	width:380px;
	padding:2px;
	font-size:11px;
}

* html textarea {
	border:1px dotted #999;
	background-color:#FFF;
	width:370px;
	padding:2px;
	font-size:11px;
}

.mandatory {
	background-image:url(../images/sign_required.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:25px;
	width:357px !important;
	width:350px;
}

.warninginput {
	background-color:#fff6bf;
	background-image:url(../images/sign_arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

input.auto {
	width:auto;
	margin-left:0px;
	border:0px;
	height:auto;
}

input.button {
	border:1px solid #3762AE;
	background-color:#D3E5F9;
	width:156px;
	padding:2px;
	height:auto;
	font-size:11px;
	color: #3762AE;
	font-weight:bold;
}

.buttons a, .buttons button {
    display:block;
    float:right;
    margin:0 15px 0 0;
    background-color:#efefef;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 5px 10px; /* Links */
    color:#529214;
}

.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

.prezenz {
	display:none;
}

/* ------------------------------- */
/* -- STRUCTURE					-- */
/* ------------------------------- */

div#page {
	background-image:url(../images/bckgr.gif);
	background-position:left top;
	background-repeat:repeat-y;
	/* Tous les browsers */
	height: auto !important; 
	/* Pour IE */
	height: 100%; 
	margin:0 auto 0 auto;
	/* Tous les browsers */
	min-height: 100%; 
	position: relative;
	text-align: left;
	width:980px;
}

/* ------------------------------- */
/* -- MAIN						-- */
/* ------------------------------- */

div#main {
	display:table;
	padding:0 0 40px 0;
	width:920px;
	margin:0 auto 0 auto;
}

/* ------------------------------- */
/* -- HEADER					-- */
/* ------------------------------- */

div#header {
	background:#3C68AF;
	background-image:url(../images/top_pict.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	border-bottom:3px solid #343434;
	clear:both;
	color:#FFF;
	height:200px;
}

div#headertop {
	height:15px;
	background-color:#FFFFFF;
	border-bottom:3px solid #BDBFBF;
	padding:10px;
}

/* -------------------- languagemenu */

div#header #languagemenu {
	float:right;
}

div#header #languagemenu a {
	color:#999;
}

div#header #languagemenu a:hover {
	color:#7AA800;
}

/* -------------------- topmenu */

div#header #topmenu {
	margin-bottom:10px;
}

div#header #topmenu a {
	display:block;
	text-align:right;
	color:#333;
	width:136px;
	border-right:1px solid #333;
	padding-right:24px;
	font-weight:bold;
}

div#header #topmenu a:hover {
	color:#7AA800;
	border-right:1px solid #7AA800;
}

/* -------------------- logo */

div#header #logo {
	float:right;
	padding-top:20px;
	padding-right:100px;
	display:none;
}

/* -------------------- menu */

div#header #menu {
	position:absolute;
	background:url(../images/menu_bckgr.png) no-repeat center;
	padding:20px;
	left:10px;
	top:25px;
	height:160px;
}

* html div#header #menu {
	background:url(../images/menu_bckgr.gif) no-repeat center;
}

div#header #menu a {
	position:relative;
}

div#header #menu ul {
	list-style:none;
}

div#header #menu ul li {
	list-style:none;
}

div#header #menu ul li a {
	display:block;
	font-size:22px;
	color:#FFF;
	/*margin-bottom:10px;*/
	padding:3px 0 10px 0;
	border-right:1px solid #FFF;
	width:150px;
	text-align:right;
	padding-right:20px;
}

div#header #menu ul li a:hover {
	color:#7AA800;
	border-right:1px solid #7AA800;
}

div#header #menu ul li a.active {
	color:#7AA800;
	border-right:1px solid #7AA800;
}

/* ------------------------------- */
/* -- CONTENT					-- */
/* ------------------------------- */

div#content {
	clear:both;
	height:auto !important;
	height:430px;
	min-height:430px;
}

.contenthome_en {
	background-image:url(../images/home_illustration_e.jpg);
	background-repeat:no-repeat;
	background-position:left 20px;
}

.contenthome_fr {
	background-image:url(../images/home_illustration_f.jpg);
	background-repeat:no-repeat;
	background-position:left 20px;
}

h1 {
	color:#7AA800;
	margin:0 0 10px 0;
	font-size:22px;
}

h2 {
	color:#333;
	font-size:13px;
	margin:0 0 5px 0;
}

/* ------------------------------- */
/* -- LEFT						-- */
/* ------------------------------- */

div#left {
	/*background:#CCC;*/
	float:left;
	height:300px;
	min-height:300px;
	padding:5px;
	width:180px;
}

#address {
	position:absolute;
	bottom:35px;
	left:40px;
	font-size:11px;
	color:#666;
}

/* ------------------------------- */
/* -- HOME						-- */
/* ------------------------------- */

div#home {
	/*background:#DDD;*/
	float:left;
	padding:250px 15px 40px 5px;
	width:500px;
}

/* ------------------------------- */
/* -- MIDDLE / CENTER			-- */
/* ------------------------------- */

div#middle {
	float:left;
	padding:10px;
	width:490px;
}

div#center {
	padding:10px;
	margin-left:190px;
}

#center ul, #middle ul {
	margin-left:20px;
	margin-bottom:5px
}

#center ul li, #middle ul li {
	list-style-type:square;
	list-style-image:url(../images/arrow_icon.gif);
	padding-bottom:5px;
}

#slide div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	overflow: hidden;
	width:670px;
}

#slide .scroller .section{
	width: 670px;
	overflow: hidden;
	float:left;
}

.client {
	float:left;
	margin-right:3px;
	margin-top:3px;
}

.bigbox {
	/*margin-bottom:3px;*/
}

.client .client_name {
	text-align:center;
	font-size:9px;
	width:102px;
	background-color:#CCC;
	color:#666;
	padding:2px;
	white-space:nowrap;
	border:1px solid #CCC;
	margin:0px;
}

.client img {
	border:1px solid #CCC;
	margin:0px;
}

.noborder img {
	border:1px solid #FFF;
}

.casestudies img {
	border:1px solid #7AA800;
	margin:0px;
}

.casestudies .client_name {
	border:1px solid #7AA800;
	border-top:0px;
	background-color:#7AA800;
	color:#FFFFFF;
}

.case {
	font-size:11px;
	color:#666;
	margin-top:30px;
	border-left:1px solid #CCC;
	padding-left:10px;
	float:right;
	width:300px;
}

/* ------------------------------- */
/* -- RIGHT						-- */
/* ------------------------------- */

div#right {
	/*background:#EEE;*/
	float:left;
	height:280px;
	/*padding:5px;*/
	width:190px;
	padding-top:15px;
}

#right .box {
	font-size:11px;
	color:#666;
	margin-top:30px;
	border-left:1px solid #CCC;
	padding-left:5px;
}

#right .box ul {
	margin-left:20px;
}

#right .box ul li {
	padding-left:0px;
	padding-bottom:5px;
}

/* -------------------- menu */

#container {
	position:absolute;
	top:180px;
	right:35px;
	background-image:url(../images/bckgr_box_rgt.png);
	background-repeat:no-repeat;
	height:310px;
	width:189px;
	padding:13px;
	padding-top:13px;
	font-size:11px;
}

* html #container {
	background:url(../images/bckgr_box_rgt.gif) no-repeat;
}

#container h1 {
	height: 44px;
	width: 167px;
	padding: 0px;
	margin: 0px;
	border-bottom: 0px;
	font-weight:bold;
}

#container h1 a {
	display: block;
	height: 30px;
	width: 167px;
	background-image:url(../images/bckgr_box.png);
	background-repeat:no-repeat;
	padding: 14px 10px 0 10px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	color: #2F4F7F;
	border-bottom: 0px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

#container h1 a:hover {
	background-image:url(../images/bckgr_box.png);
	background-repeat:no-repeat;
	color: #000;
}

#container h1 a.longtext {
	height:37px;
	padding: 7px 10px 0 10px;
}

.boxright {
	color: #333;
	width:186px;
}

.box_size {
	height:auto !important;
	height:122px;
	min-height:122px;
	padding:5px;
	background-position:left top; 
	background-repeat:no-repeat;
}

.scroller div.content {
	width: 10000px;
}

#container .scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	overflow: hidden;
	width:187px;
	height:auto !important;
	height:132px;
	min-height:132px;
}

#container .scroller .section{
	width: 187px;
	overflow: hidden;
	float:left;
	height:132px;
	min-height:132px;
}

#container .scroller .section a.biglink {
	display:block;
	width: 187px;
	overflow: hidden;
	height:160px;
	min-height:160px;
}

#container .scroller .section a.arrownext {
	display:block;
	width: 18px;
	height:44px;
	position:absolute;
	right:15px;
	top:95px;
}

#container .scroller .section a.arrowright {
	display:block;
	width: 18px;
	height:44px;
	position:absolute;
	top:95px;
}

/* ------------------------------- */
/* -- FOOTER					-- */
/* ------------------------------- */

div#footer {
	background:#666;
	bottom: 0 !important;
	/* Pour IE */
	bottom: -1px; 
	clear:both;
	color:#FFFFFF;
	height: 20px;
	position: relative;
	margin: -20px auto 0 auto;
	width:920px;
}