html,body,#wrapper {
	height:100%;
}
body > #wrapper {
	height:auto;
	min-height:100%;
}
body {
	background:#fafafa url(/imglib/images2014/body_bg.gif) repeat-x left top;
	font-size:13px;
	margin:0;
	font-family: verdana,sans-serif;
}
#wrapper {
	margin:0 auto;
	width: 960px;
}
/* Top Section */
#top {
	height: 142px;
}
/* Logo Container */
#logo {
	width:160px;
	/* height:137px;
	*/
	height:110px;
	float:left;
}
#logo a {
	display:block;
	/* margin-top:52px;
	*/
	margin-top:22px;
	/* sh */
}
#top-right {
	width:780px;
	/* height:137px;
	*/
	height:110px;
	float:left;
	padding-right:0px;
}
#top-right h3 {
	margin:0;
	color:#458ac7;
}
#top-right span {
	margin:0;
	color:#aaa;
	font-size:12px;
	font-weight: bold;
}
#extranet-lnk {
	/* width:142px; */
	height:20px;
	float:right;
	margin-top:22px;
	padding-top:10px;
	margin-right: 10px;
	font-size:11px;
}
#lang-flag {
	/* width:142px;	*/
	height:20px;
	float:right;
	margin-top:22px;
	padding-top:10px;
	margin-left: 10px;
	font-size:11px;
}
#lang-flag img {
	vertical-align:top;
	border: none;
}
#search-block {
	/* width:289px;
	*/
	height:27px;
	float:right;
	margin-top:10px;
	/* reduit de 60 a 10 car clear:both apres la div lang-flag */
}
#search-field,#search-button {
	float:left;
}
#search-field {
	width:194px;
	height:27px;
	background:url(/imglib/images2014/search_field.png) no-repeat left top;
	border:0px;
	outline:none;
	font-size:13px;
	margin:0;
	margin-right:3px;
}
#search-field #edit-search {
	width:182px;
	padding:5px 5px;
	border:0;
	background:none;
}
#search-button {
	width:91px;
	height:27px;
	background:url(/imglib/images2014/submit_button.png) no-repeat left top;
	border:0px;
	color:#888;
	cursor:pointer;
}
#search-button #edit-submit {
	width:91px;
	padding:0;
	height:27px;
	border:0;
	background:none;
	cursor:pointer;
	font-weight:bold;
	color: #777;
}
/* Menu Styles */
#navmenu-container {
	float:left;
	height:32px;
	overflow:hidden;
	width:960px;
}
.menu {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}
.menu li {
	float:left;
}
.menu li a {
	display:block;
	padding-left:22px;
	background:url(/imglib/images2014/nav_left.png) no-repeat left top;
	float:left;
	cursor:pointer;
}
.menu li a span {
	background:url(/imglib/images2014/nav_right.png) repeat-x left top;
	float:left;
	padding:7px 23px 6px 14px;
	color:#c0c0c0;
	font-weight:bold;
}
.menu li a.current {
	display:block;
	padding-left:12px;
	background:url(/imglib/images2014/nav_current_left.png) no-repeat left top;
	float:left;
	cursor:pointer;
	position:relative;
	left:-12px;
	z-index:99;
	/* z-index here is for IE6 png fix bug */
}
.menu li a.current span {
	background:#fafafa url(/imglib/images2014/nav_current_right.png) repeat-x right top;
	position:relative;
	left:36px;
	padding-left:0px;
	padding-right:47px;
	color:#c6d1db;
}
.menu li.first a {
	padding-left:23px;
	background:url(/imglib/images2014/nav_first.png) no-repeat left top;
}
.menu li.first a span {
	padding-left:8px;
}
.menu li.first a.current {
	padding-left:7px;
	background:url(/imglib/images2014/nav_first_current_left.png) no-repeat left top;
	position:relative;
	left:0px;
}
.menu li.first a.current span {
	padding-left:0px;
	background:url(/imglib/images2014/nav_current_right.png) no-repeat right top;
	position:relative;
	left:24px;
	padding-right:47px;
}
.menu li.first a span {
	padding-left:8px;
}
.menu li.last a span {
	background:url(/imglib/images2014/nav_last.png) no-repeat right top;
	padding-right:47px;
}
.menu li.last a.current span {
	background:url(/imglib/images2014/nav_last_current_right.png) no-repeat right top;
}
.menu a:hover {
	text-decoration:underline;
	color: #c0c0c0;
}
/* Header Styles */
#header {
	background-color:#336faa;
}
#header-top {
	background:#fafafa url(/imglib/images2014/header_top_right.png) no-repeat right top;
	height:11px;
	width:12px;
	float:right;
	overflow:hidden;
}
#header-content {
	background:url(/imglib/images2014/header_bg.png) repeat-x right bottom;
	float:left;
	width: 100%;
}
/* remplace l'image 2 lignes,2 couleurs */
#header-ligne1 {
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:32px;
	font-weight:bold;
	font-stretch:condensed;
	color:rgb(110,165,221);
}
#header-ligne1 a {
	color: rgb(74,140,227);
}
/* remplace l'image 2 lignes,2 couleurs */
#header-ligne2 {
	margin-left:50px;
	font-size:16px;
	font-weight:bold;
	color:rgb(187,211,238);
}
#header-description {
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	color:#e4edf6;
	width:339px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:18px;
}
#header-description ul {
	margin-bottom:0;
}
#header-description h2 {
	color:#fff;
	font-size:23px;
	padding-bottom:10px;
	margin:0;
}
#header-slideshow {
	float:left;
	color:#fff;
}
#header-slideshow {
	float:left;
	width:556px;
	height:256px;
	background:url(/imglib/images2014/header_image_container.png) no-repeat left top;
	z-index:0;
}
#header-slideshow .padding {
	padding:22px 7px;
}
#header-content-small {
	background:url(/imglib/images2014/header_bg_small.png) repeat-x right bottom;
	padding:26px 20px 15px 20px;
}
#header-content-small h2 {
	margin:0;
	padding:0;
	color:#d8e2ee;
	font-size:27px;
	font-family: verdana,sans-serif;
}
/* @sh */
#header-zzz {
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	color:#e4edf6;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	width:100%;
}
#header-bottom {
	background:#fafafa url(/imglib/images2014/header_bottom.png) no-repeat right top;
	height:11px;
	width:960px;
	overflow:hidden;
}
#header-shadow {
	background:#fafafa url(/imglib/images2014/shadow.png) no-repeat right top;
	height:14px;
	width:960px;
	overflow: hidden;
}
/* Sub Header */
#sub-header {
	width:960px;
	float:left;
}
.three-blocks {
	float:left;
	width:290px;
	margin: 0 0px;
}
/* Content Styles */
#left {
	float:left;
	width:290px;
	padding:0px 20px 0px 10px;
}
/* width 245px au lieu de 290px */
#left245 {
	float:left;
	width:245px;
	padding:0px 20px 0px 10px;
}
/* width 230px au lieu de 290px */
#left230 {
	float:left;
	width:230px;
	padding:0px 20px 0px 10px;
}
#main {
	float:left;
	width:610px;
	padding:0px 10px 0px 20px;
	margin-left:0px;
	background:url(/imglib/images2014/dotted_border_v.gif) repeat-y left top;
}
#mainfullwidth {
	float:left;
	padding:0px 10px 0px 20px;
	margin-left:0px;
	width:930px;
}
#content-container {
	padding-bottom:86px;
}
#content {
	position:relative;
}
#content h2 {
	background:url(/imglib/images2014/dotted_border_h.gif) repeat-x right bottom;
	color:#4c81bd;
}
#content h3 {
	background:url(/imglib/images2014/dotted_border_h.gif) repeat-x right bottom;
	color:#777;
	padding-bottom:5px;
}
#content h5 {
	color:#4c81bd;
	margin-bottom:5px;
}
#content h2 span {
	background:url(/imglib/images2014/arrow.png) no-repeat left 4px;
	padding-left:15px;
}
#content p {
	padding-bottom:15px;
	margin:0;
	clear:both;
}
#content .item {
	padding-bottom:10px;
	float: left;
}
/* Footer Style */
#footer {
	clear:both;
	position:relative;
	z-index:10;
	height:45px;
	margin-top:-86px;
	padding-top:41px;
}
#footer {
	margin-left:auto;
	margin-right:auto;
	background:#ededed url(/imglib/images2014/footer_bg.gif) repeat-x right top;
}
#footer-content {
	margin:0 auto;
	width:960px;
	padding-top:5px;
	font-size:12px;
}
#footer-content .footer-menu {
	margin:0;
	padding:0;
	list-style:none;
}
#footer-content .footer-menu li {
	float:left;
	padding:0 10px;
	margin:0;
}
#footer-content .footer-menu li a {
	padding:0;
}
#footer-content .footer-menu li a.current {
	font-weight: bold;
}
/* @sh */
/*Note:a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!a:active MUST come after a:hover in the CSS definition in order to be effective!!*/
#footer a:focus {
	color:#3876be;
}
#footer a:hover {
	color:#333;
}
#footer a:active {
	color:black;
}
#footer a {
	color:#666;
}
#prefooter {
	margin:0 0 1px;
	width:100%;
	height:1px;
	clear: both;
}
/* End of Footer Style */
/* contact form style */
form {
	padding:20px 0;
	margin:0;
}
label {
	float:left;
	width:185px;
	font-weight:bold;
	color:#999;
	__padding: 5px;
}
/* labels width 160 */
label.w160 {
	width:160px;
}
input,textarea {
	padding:5px;
	font:400 12px arial,sans-serif;
	background:url(/imglib/images2014/field_bg.png) no-repeat top left;
	border-width:1px;
	border-style:solid;
	border-color:#d2d2d2 #e2e2e2 #e2e2e2 #d2d2d2;
}
input:focus,textarea:focus {
	color:#333;
	background-color:#edf2f5;
}
#name,#email,#subject {
	width:250px;
}
#message {
	width:360px;
	height:150px;
}
#submit {
	height:27px;
	background:url(/imglib/images2014/submit_button.png) no-repeat top left;
	margin-top:0px;
	width:91px;
	border:none;
	margin-right:6px;
	font-weight:bold;
	cursor:pointer;
	color: #777;
}
/* use form-button class for input button tags. */
input.form-button {
	padding:5px 15px;
	font:bold 1em arial,sans-serif;
	cursor:pointer;
	color:#777;
	background-color:#222;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #bbb #bbb #ccc;
	background: url(/imglib/images2014/gradient.gif) repeat-x;
}
/* testimonials */
.testimonial {
	width:100%;
}
#content .testimonial blockquote {
	margin:0;
	padding:0px 0px 0px 30px;
	background:url(/imglib/images2014/quote.png) no-repeat 0px 0px;
}
#content .testimonial blockquote p.quote {
	text-align:left;
	font-size:17px;
	color:#777;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	margin-bottom:10px;
}
#content .testimonial blockquote p.author {
	text-align:right;
	font-size:12px;
	color:#999;
	font-weight:bold;
	font-family:Tahoma,arial;
	font-style: normal;
	
}
#content .testimonial blockquote p.author2 {
	padding-top: 0px;
	text-align:right;
	font-size:11px;
	color:#999;
	font-weight:normal;
	font-family:Tahoma,arial;
	font-style: normal;
}

/* box style */
.box {
	width:100%;
	margin-bottom:15px;
	float:left;
}
.top {
	width:100%;
	height:12px;
	background:url(/imglib/images2014/top.png) no-repeat left top;
}
.top span {
	width:13px;
	height:12px;
	background:#fafafa url(/imglib/images2014/top-right.png) no-repeat right top;
	float:right;
	overflow:hidden;
}
.box-content {
	background:url(/imglib/images2014/leftside.png) repeat-y right top;
	width:100%;
	float:left;
	background-color:#f0f0f0;
}
.box-content2 {
	background:url(/imglib/images2014/leftside.png) repeat-y left top;
	width:100%;
	float:left;
}
.bottom {
	width:100%;
	height:12px;
	background:url(/imglib/images2014/bottom.png) no-repeat left top;
	float:left;
}
.bottom span {
	width:13px;
	height:12px;
	background:#fafafa url(/imglib/images2014/bottom-right.png) no-repeat right top;
	float:right;
	overflow:hidden;
}
.box p {
	margin:5px 0 10px 0;
	padding-bottom:5px;
	clear:both;
}
.box-padding {
	padding:5px 15px 10px 15px;
}
#content .box-padding p {
	padding-bottom:10px;
}
.box-padding h2 {
	padding-top:0px;
	margin-top:0;
}
.box-padding h3 {
	padding-top:0;
	margin-top: 10px;
}
/* Vertical List */
.vertical-list {
	list-style:none;
	margin:0;
	padding:0;
}
.vertical-list li {
	width:100%;
	padding:0;
	margin:0;
}
.vertical-list a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	padding:8px 10px;
	background:#f5f5f5 url(/imglib/images2014/menu_bg.gif) repeat-x right bottom;
	overflow:hidden;
}
.vertical-list a:hover {
	background: #fafafa url(/imglib/images2014/menu_bg_hover.gif) repeat-x right bottom
}
/* Header Horizontal List */
.horizontal-list {
	display:inline-block;
	/*display:inline;*/
	/* this fix is needed for IE7- */
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.horizontal-list ul {
	float:left;
}
.horizontal-list li {
	padding:0;
	margin:0;
	float:left;
	position:relative;
}
.horizontal-list a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	padding:0px 4px;
	margin:-6px 4px;
	overflow:hidden;
	float:left;
	position:relative;
	color:rgb(187,211,238);
}
.horizontal-list a:hover {
	color:rgb(221,227,234);
}
.horizontal-list a.current {
	color: rgb(231,234,242);
}
/* porfolio styles */
.portfolio-item {
	clear:both;
	float:left;
}
ul.bullet-list {
	list-style:none;
	margin:0;
	margin-top: 0.5em;
}
ul.bullet-list li {
	padding:2px 0px 2px 25px;
	background:url(/imglib/images2014/bullet.png) no-repeat left;
	font-weight:bold;
}
.portfolio-image,.portfolio-desc {
	float:left;
}
.portfolio-image {
	width:270px;
}
.portfolio-desc {
	width: 310px;
}
/*table styles */
table {
	margin-top:0;
	margin-bottom:10px;
	border:1px #ccc solid;
	border-bottom:none;
}
thead th {
	background:#e2e2e2 none repeat scroll 0 0;
	border-top:1px #fff solid;
}
thead th {
	border-bottom:1px #bbb solid;
}
th {
	border-bottom:3px #bbb solid;
	padding-right:1em;
	text-align:left;
}
td {
	background:#f1f1f1;
	border-top:1px #fff solid;
	border-bottom:1px #ccc solid;
	color:#777;
}
tr.even td {
	background:#f8f8f8;
	border-top:1px #fff solid;
	border-bottom:1px #ccc solid;
}
td.active {
	background-color: #e4e4e4;
}
/* CSS sliding doors button */
a.button,a.button-color,a.button-header {
	background:url('/imglib/images2014/button.png') no-repeat scroll top left;
	float:left;
	height:27px;
	padding-left:0px;
	margin-right:20px;
	margin-left:5px;
}
a.button span,a.button-color span,a.button-header span {
	background:url('/imglib/images2014/button.png') no-repeat scroll top right;
	float:left;
	height:22px;
	position:relative;
	left:15px;
	padding-right:15px;
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	cursor:pointer;
	color:#6666a6;
}
a.button:hover span {
	color:#666;
}
a.button-color {
	background:url('/imglib/images2014/button_color.png') no-repeat scroll top left;
}
a.button-color span {
	background:url('/imglib/images2014/button_color.png') no-repeat scroll top right;
	color:#fff;
}
a.button-header {
	background:url('/imglib/images2014/button_header.png') no-repeat scroll top left;
}
a.button-header span {
	background:url('/imglib/images2014/button_header.png') no-repeat scroll top right;
	color:#d6e4f4;
}
a.button:hover,a.button-color:hover,a.button-header:hover {
	background-position:left -155px;
}
a.button:hover span,a.button-color:hover span,a.button-header:hover span {
	background-position: right -155px;
}
/* OtherStyles */
.textblock {
	font-size:17px;
	color:#777;
	font-family:Georgia,"Times New Roman",Times,serif;
	padding-bottom:0px;
}
#note {
	padding:10px;
	font-size:12px;
	font-weight:bold;
	color:#992222;
	border:1px #f0c020 solid;
	display:none;
	background-color:#ffffdd;
	text-align:center;
}
.notification_ok {
	color: #229922;
}
/* Link Styles */
.more {
	font-weight: bold;
}

/* Misc Styles */
.block {
	padding-bottom:10px;
}
.title {
	padding-bottom:0px;
	overflow:hidden;
}
.clear {
	clear:both;
	overflow:hidden;
	height:0px;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.image-margin-left {
	margin:0 10px 3px 0;
}
.image-margin-right {
	margin:0 0 3px 10px;
}
.image-left,.image-border,.image-right {
	padding:3px;
	margin:0 10px 3px 0;
	border:1px #ccc solid;
	background:#fdfdfd;
}
.image-small-left {
	background:#fdfdfd;
	padding:3px;
	margin:0 5px 0 0;
	border:1px solid #ccc;
}
.image-small-right {
	background:#fdfdfd;
	padding:3px;
	margin:0 0 0 3px;
	border:1px solid #ccc;
}
.image-border {
	margin:0;
}
.image-right {
	margin:0 0 3px 10px;
}
.margin-10-lr {
	margin:0 10px;
}
.margin-10-left {
	margin-left:10px;
}
.margin-10-right {
	margin-right:10px;
}
.margin-20-left {
	margin-left:20px;
}
.margin-20-right {
	margin-right: 20px;
}


/* @sh */
.yellow {
	/*background-color: yellow;*/
	font-weight:bold;
}
.yellowbold {
	background-color: yellow;
	font-weight:bold;
}

.nota {
	background-color: orange;
	color: black;
	padding: 4px;
	font-weight:bold;
}


.nostyle    {
	width: auto;
	height: auto;
	background-color: #fafafa;
	margin: 1px;
	padding: 1px;
	border: none;
 }
 
.rien {
	border:	 none ;
	border-style: none  none none;
	border-width: 0px 0px 0px;
	background: none;
}

/* pre.file */
.file {
/*
    border: 1px solid #d7d7d7;
	*/
	/* (margin : 4 elements top, right, bottom, and left */
    margin: 1em 1.75em;
    padding: .75em;
    overflow: auto;
}
/* pre.cmdline */
.cmdline {
	background-color: #2c2c2c;
	color: #28f028;
    border: 1px solid #d7d7d7;
    margin: 1em 1.75em;
    padding: .5em;
    overflow: auto;
}