/* YUI CSS Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


html {
	background-color: #2A2929;
}

body {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; /* Windows doesn't have Lucida Grande, and Lucida Sans Unicode doesn't have italics */
	font-size: 13px;
	color: #555555;
	min-width: 960px;
}

.w960 {
	width: 960px;
	margin: 0 auto 0 auto;
}

#page {
	background-color: #F5F5F5;
}

.separator {
	background: #FFFFFF;
	height: 1px;
	line-height: 1px;
	border-width: 0px;
	border-style: solid;
	border-top-width: 1px;
	border-top-color: #D8D8D8;
}

.img_text {
	text-indent: -999em;
}

.flash {
	margin-bottom: 20px;
}

/********* content - style shared **********/

#content {
  overflow: hidden;
  margin-top: 25px;
}

#content li {
  list-style-type: square;
  margin: 5px 0 5px 20px;
}

.big_title {
  text-transform: uppercase;
  letter-spacing: -2px;
  font-size: 36px;
  color: #000000;
}

button.button { border: 0; }

.button {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  background-image: url(../images/shared/button.png);
  background-position: right;
}

.button span {
  display: block;
  background-image: url(../images/shared/button.png);
  background-position: left;
  padding: 9px 20px 0 20px;
  height: 29px;
}

.previous_page, .next_page {
  display: block;
  margin: 20px;
  color: #333333;
  text-decoration: none;
  padding: 10px;
  background-color: #EBEBEB;
  background-image: url(../images/shared/bullets.png);
  background-repeat: no-repeat;
}
.previous_page:hover, .next_page:hover { color: #4290D4; }
.previous_page {
  float: left;
  padding-left: 20px;
  background-position: left 16px;
}
.next_page {
  float: right;
  padding-right: 20px;
  background-position: right 16px;
}

/*** sidebar ***/
#mainbar {
  float: left;
  width: 620px;
}

#sidebar {
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  width: 300px;
  overflow: hidden;
}

#sidebar h2 {
  color: #000000;
  font-size: 24px;
  font-weight: lighter;
  padding-bottom: 5px;
  padding-left: 25px;
  border: solid;
  border-width: 0;
  border-bottom-width: 15px;
  border-bottom-color: #EBEBEB;
  background-image: url(../images/shared/sidebar/icons.png);
  background-repeat: no-repeat;
  margin-bottom: 10px;
  margin-top: 20px;
}
#sidebar h2.recent_news { background-position: 0 7px; }
#sidebar h2.news_categories { background-position: 0 -41px; }
#sidebar h2.contact_info { background-position: 0 -89px; }
#sidebar h2.jobs { background-position: 0 -137px; }

#sidebar p {
  margin: 5px 0 5px 3px;
  padding-left: 12px;
}

#sidebar a {
  text-decoration: underline;
  color: #333333;
}

#sidebar a:hover {
  color: #4290D4;
}

#sidebar img {
  width: 100%;
}

#sidebar ul {
  list-style-type: none;
  padding: 0px;
  margin-top: 5px;
}

#sidebar li {
  margin: 0 0 5px 5px;
  padding-left: 10px;
  list-style-position: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-image: url(../images/shared/bullets.png);
  background-repeat: no-repeat;
  background-position: -305px 6px;
}

#sidebar li a {
  text-decoration: none;
}


/*** plain text pages ***/

.text_page h2 {
  color: #000000;
  font-size: 24px;
  font-weight: lighter;
}

.text_page a {
  color: #5981A8;
  text-decoration: none;
}

.text_page #list {
  width: 620px;
  float: left;
  margin-bottom: 20px;
}

.text_page .box {
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.text_page .box a {
  text-decoration: none;
  color: #000000;
}

.text_page .box h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #858585;
}

.text_page .box p {
  margin-bottom: 15px;
  text-align: justify;
  text-indent: 10px;
}

/** news page style **/

.news_page h1 > a {
  color: #000000;
  text-decoration: none;
}

.news_page h2 {
  color: #000000;
  font-size: 24px;
  font-weight: lighter;
}

.news_page #news_list {
  width: 620px;
  float: left;
  margin-bottom: 20px;
}

.news_page .news_box {
  padding: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.news_page .news_box:hover {
  background-color: #EBEBEB;
}

.news_page .news_box h3 {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #858585;
  padding-bottom: 5px;
  border-bottom: 1px solid #CCCCCC;
}

.news_page .news_box p {
  margin: 10px 0 5px 0;
  width: 580px;
  text-align: justify;
}

.news_page .news_box a {
  text-decoration: none;
  color: #000000;
}
.news_page .news_box:hover a {
  color: #4290D4;
}

.news_page .news_box img {
	display: block;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	max-width: 90%;
	margin: 10px auto 10px auto;
}

.news_box .attachment {
  position: relative;
  width: 80%;
  margin: 10px auto 10px auto;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}

.news_box .attachment .mime {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 64px;
  height: 64px;
/*  float: left;*/
  margin-right: 10px;
}

.news_box .attachment h4 {
  margin-left: 80px;
  color: #000000;
  font-size: 18px;
}

.news_box .attachment .filesize {
  display: block;
  margin-left: 80px;
}


.download_button {
  line-height: 27px;
  float: right;
  clear: both;
  display: inline-block;
  padding-left: 46px;
  background-repeat: no-repeat;
  height: 27px;
  background-image: url(../images/news/download_button.gif);
}
.download_button:hover { background-position: 0 -27px; }

.download_button span {
  color: #FFFFFF;
  text-shadow: 0 1px 0 #555555;
  display: inline-block;
  padding-left: 10px;
  padding-right: 20px;
  height: 27px;
  background-image: url(../images/news/download_button.gif);
  background-position: 100% 0;
}
.download_button:hover span { text-shadow: 0 -1px 0 #555555; background-position: 100% -27px;  }

.news_page .pagination .disabled {
  display: none;
}

/********* languages **********/

#languages {
	height: 40px;
}

#languages a {
    margin: 10px 5px 10px 5px;
    float: right;
}

#languages select {
	background-image: url(../images/all/language_selector.png);
	width: 162px;
	height: 28px;
	-webkit-appearance: none; /*comment ça se passe avec les autres navigateurs ? reponse : mal */
	border: none;
	margin-left: 760px;
	margin-top: 7px;
	color: #393939;
	padding-bottom: 3px;
	padding-left: 50px;

}

#language select:focus { border: none; } /*ne marche pas*/

#languages .language_flag {
	width: 16px;
	height: 11px;
}

#languages #french_flag {
	background-image: url(../images/all/french_flag.png);
}

/********* header **********/

#header {
	height: 72px;
	padding-top: 18px;
}

#logo a {
    margin: 9px 0 0 27px;
    margin-top: 9px;
	background-image: url(../images/all/logo.png);
	width: 254px;
	height: 47px;
	float: left;
}

#main_menu {
	padding-top: 17px;
	margin-left: 371px;
}

#main_menu a {
	text-decoration: none;
	color: #555555;
}

#main_menu .menu_element {
	display: block;
	margin: 0 10px 0 10px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	background-position: right;
}

#main_menu .active {
    background-image: url(../images/all/menu.png); color: #5981A8;
}

#main_menu .active span {
    background-image: url(../images/all/menu.png);
}

#main_menu .menu_element:hover { /*background-image: url(../images/all/menu.png);*/ color: #5981A8; }
/*#main_menu .menu_element:hover span { background-image: url(../images/all/menu.png); }*/

#main_menu .menu_element span {
	display: block;
	background-position: left;
}

#main_menu .menu_element span span {
	background-position: center;
	padding: 3px 10px 0 10px;
	height: 33px;
	display: inline-block;
}

/********* footer **********/

#footer {
	color: #858585;
}

#footer_content {
	padding-bottom: 25px;
	padding-top: 40px;
	font-size: 12px;
}

#footer_content h3 {
	font-size: 14px;
	font-weight: bold;
	color: #BBBBBB;
	padding-bottom: 15px;
}

#footer_content a {
	text-decoration: none;
	color: #858585;
}

#footer_content a:hover {
	color: #5981A8;
}

#footer_links {
	float: left;
	width: 390px;
}

#footer_links ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#footer_links li
{
	list-style-position: inside;
	background-image: url(../images/all/footer_bullet.png);
	background-repeat: no-repeat;
	background-position: 3px 6px; 
	padding-left: 12px;
}

#footer_content #internal_links {
	float: left;
	width: 190px;
}

#footer_content #external_links {
	float: left;
}

#footer_content #fabernovel_link {
  display: block;
  margin-top: 30px;
  float: left;
  width: 120px;
  height: 43px;
  background-image: url(../images/all/fabernovel.png);
}

#footer_news {
	margin-left: 390px;
}

#footer_news li {
	margin-bottom: 3px;
}

#footer_news strong {
	font-weight: bold;
}

#footer_news span {
	width: 570px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#footer_separator {
	background: #393838;
	border-top-color: #000000;
}

#footer_company_infos {
	font-size: 11px;
	height: 45px;
	padding-top: 25px;
}

#footer_company_infos a {
  color: #858585;
}

#footer_company_infos div {
  margin-right: 22px;
}

#footer_company_infos .one_info {
	float: left;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 21px;
	background-image: url(../images/all/footer_icons.png);
	background-repeat: no-repeat;
}

#footer_company_infos #copyright {
	margin-left: 5px;
	padding-top: 4px;
	float: left;
}

#footer_company_infos #postal {
}
#footer_company_infos #email {
	background-position: 0 -18px
}
#footer_company_infos #phone {
	background-position: 0 -36px;
	margin-right: 0; /* Last element */
}