/*******************************************************************************

  Général / commun

*******************************************************************************/
html, body, #container {
  height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #b1b2b4;
	color: black;
	font: 0.7em verdana, sans-serif; /* Equivaut à 11px */
}

a {
	color: #0081c7;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* Hack pour Firefox supprimant les pointillés lors des clics
------------------------------------------------------------------------------*/
a,
input.button {
  outline: none;
}

a:focus,
input.button:focus {
  -moz-outline-style: none;
}

a img {
	border: none;
}

/* Conteneur principal
------------------------------------------------------------------------------*/
#container {
	position: relative;
	width: 970px;
	margin: 0 auto;
	padding: 0 5px;
	background: url(/images/background.png) repeat-y;
}

body > #container {
	height: auto;
	min-height: 100%;
}

#main {
  padding-bottom: 150px;
}  /* must be same height as the footer */ 

/* CLEAR FIX*/
.clearfix:after {
  content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/*******************************************************************************

  En-tête

*******************************************************************************/
#header_fr {
	height: 200px;
	background: white	url(/images/header_fr.jpg) no-repeat 0 65px;
}

#header_it {
	height: 200px;
	background: white	url(/images/header_it.jpg) no-repeat 0 65px;
}

#header_en {
	height: 200px;
	background: white	url(/images/header_en.jpg) no-repeat 0 65px;
}

#header_es {
	height: 200px;
	background: white	url(/images/header_es.jpg) no-repeat 0 65px;
}

h1 {
	margin: 0;
	padding: 8px 0 0 39px;
}

/* Menu haut
------------------------------------------------------------------------------*/
#top-menu {
	position: absolute;
	top: 55px;
	left: 44px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#top-menu li {
	float: left;
}

#top-menu a {
	display: block;
	width: 99px;
	height: 21px;
	background: url(/images/top_menu_link.png);
	color: black;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}

#top-menu a:hover {
	background-position: 0 -21px;
}

#top-menu li.in-path a,
#top-menu li.current a {
	background-position: 0 -42px;
	color: white;
}

/* Recherche
------------------------------------------------------------------------------*/
#search-box {
	position: absolute;
	top: 55px;
	left: 737px;
	width: 133px;	
	height: 16px;
	padding: 2px;
	background: url(/images/search_background.png);
}

#search-box input {
  vertical-align: top;
}

#search-input {
  height: 13px;
	width: 100px;
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
}

div.search-page-numbers .bookend
{
  width : 70px;
}


/* Langues
------------------------------------------------------------------------------*/
ul.culture-selector {
	position: absolute;
	top: 172px;
	right: 39px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.culture-selector li {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid white;
	line-height: 1em;
}

ul.culture-selector li.last {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

ul.culture-selector li.current {
  color: white;
  font-weight: bold;
}

ul.culture-selector a {
	color: white;
	text-decoration: none;
}

ul.culture-selector a:hover {
	text-decoration: underline;
}



/*******************************************************************************

  Colonne gauche

*******************************************************************************/
#sidebar {
	float: left;
	width: 149px;
	margin: -43px 39px 0 39px;
	background: white;
}

#sidebar-menu,
#sidebar-secure-menu {
	margin: 0 0 8px 0;
	padding: 4px;
	background: #cfd0d2;
	list-style: none;
}

#sidebar-menu li,
#sidebar-secure-menu li {
	margin-bottom: 8px;
}

#sidebar-menu li.last ,
#sidebar-secure-menu li.last {
	margin-bottom: 0;
}

#sidebar-menu a,
#sidebar-secure-menu a {
	display: block;
	height: 21px;
	padding: 0 0 0 4px;
	background: url(/images/sidebar_menu_link.png);
	color: black;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}

#sidebar-menu a:hover,
#sidebar-secure-menu a:hover {
	background-position: 0 -21px;
}

#sidebar-menu li.in-path a,
#sidebar-menu li.current a,
#sidebar-secure-menu li.in-path a,
#sidebar-secure-menu li.current a {
	background-position: 0 -42px;
	color: white;
}

#sidebar-menu ul,
#sidebar-secure-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar-menu ul li,
#sidebar-secure-menu ul li {
	margin: 0;
}

#sidebar-menu ul a,
#sidebar-secure-menu ul a {
	padding: 4px 0 4px 4px;
	height: auto !important;
  background: none;
	border-bottom: 2px solid #0081c7;
	color: #444 !important;
	font-weight: normal !important;
	line-height: auto !important;
}

#sidebar-menu ul a:hover,
#sidebar-menu ul li.in-path a,
#sidebar-menu ul li.current a,
#sidebar-secure-menu ul a:hover,
#sidebar-secure-menu ul li.in-path a,
#sidebar-secure-menu ul li.current a {
	color: black !important;
}

#sidebar-menu ul li.in-path a,
#sidebar-menu ul li.current a,
#sidebar-secure-menu ul li.in-path a,
#sidebar-secure-menu ul li.current a {
	font-weight: bold !important;
}

#sidebar-menu ul li.in-path ul a,
#sidebar-menu ul li.current ul a,
#sidebar-secure-menu ul li.in-path ul a,
#sidebar-secure-menu ul li.current ul a {
	color: #444 !important;
}

#sidebar-menu ul ul,
#sidebar-secure-menu ul ul {
	margin-left: 12px;
}

#sidebar-menu ul ul a,
#sidebar-secure-menu ul ul a {
	padding: 2px 0 2px 4px;
	border-bottom: 2px solid white;	
	font-size: .8em;
	font-style: italic;
}

#sidebar-menu ul li.in-path ul a:hover,
#sidebar-menu ul ul li.in-path a,
#sidebar-menu ul ul li.current a,
#sidebar-secure-menu ul li.in-path ul a:hover,
#sidebar-secure-menu ul ul li.in-path a,
#sidebar-secure-menu ul ul li.current a {
	color: black !important;
}

/* Liste des médias (documents)
------------------------------------------------------------------------------*/

#isics-medias-library-list table.list {
  width: 100%;
}

#isics-medias-library-list table.list th {
  text-align: center;
  font-weight: bold;
  color: white;
  background-color: #0081C7;
  font-size: 1.2em;
  padding: 3px;
}

#isics-medias-library-list table.list th a {
  color: white;
}

#isics-medias-library-list table.list td.center {
  text-align: center;
}

#isics-medias-library-list table.list td.number {
  text-align: right;
}

#isics-medias-library-list table.list td {
  padding: 0 .5em;
}

#isics-medias-library-list table.list tr.table-line-title td {
  font-weight: bold;
  color: black;
  font-size: 1.1em;
  padding: .6em .6em .6em 45px;
  background: #C5C7C8 url('/isicsMediasLibraryPlugin/images/folder.png') no-repeat .5em center;
}

#isics-medias-library-list table.list tr.table-line-0 td {
  background-color: #FAFAFA;
}

#isics-medias-library-list table.list tr.table-line-1 td {
  background-color: #EEEEEE;
}

#isics-medias-library-list table.list td a.media-item-link{
  text-indent: -9999px;
  margin: 0 auto;
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background: url('/isicsMediasLibraryPlugin/images/default_doc.png') no-repeat 0 center;
}

#isics-medias-library-list table.list td a.media-item-link-pdf {
  background-image: url('/isicsMediasLibraryPlugin/images/pdf.png')
}

#isics-medias-library-list table.list td a.media-item-link-txt {
  background-image: url('/isicsMediasLibraryPlugin/images/txt.png')
}

#isics-medias-library-list table.list td a.media-item-link-doc,
#isics-medias-library-list table.list td a.media-item-link-docx {
  background-image: url('/isicsMediasLibraryPlugin/images/doc.png')
}

#isics-medias-library-list table.list td a.media-item-link-xls,
#isics-medias-library-list table.list td a.media-item-link-xlsx {
  background-image: url('/isicsMediasLibraryPlugin/images/xls.png')
}

#isics-medias-library-list table.list td a.media-item-link-ppt,
#isics-medias-library-list table.list td a.media-item-link-pptx {
  background-image: url('/isicsMediasLibraryPlugin/images/ppt.png')
}

#isics-medias-library-list table.list td a.media-item-link-jpg,
#isics-medias-library-list table.list td a.media-item-link-jpeg,
#isics-medias-library-list table.list td a.media-item-link-png,
#isics-medias-library-list table.list td a.media-item-link-bmp,
#isics-medias-library-list table.list td a.media-item-link-gif {
  background-image: url('/isicsMediasLibraryPlugin/images/img.png')
}

/* Lettre d'info
------------------------------------------------------------------------------*/
#newsletter-box {
	margin-bottom: 8px;
	padding: 4px;
	background: white;
	border: 4px solid #cfd0d2;
}

#newsletter-box h3 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1.1em;
}

#isics_newsletter_subscribe_email {
  width: 127px;
  border: 1px solid #ccc;
}

#newsletter-box input.submit {
  background: #0081c7;
  color: white;
  border: 0;
  cursor: pointer !important;
  margin: 5px 0;
}

#newsletter-box ul.error_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

#newsletter-box ul.error_list li {
  color: red;
}

ul.letters {
  margin: 0;
  padding: 0;
  list-style: none;
}

#subscribe-link {
  padding: 0 6px;
  display: block;
  height: 16px;
  width: 54px;
  background-color: #0081C7;
  color: white;
  text-decoration: none;
}


#partners {
  padding-top: 20px;
  background-color: #C5C7C8;
  text-align: center;
}


/* Actualité
------------------------------------------------------------------------------*/

/* Latest
------------------------------------------------------------------------------*/
#news-box {
	margin-bottom: 8px;
	padding: 4px;
	background: white;
	border: 4px solid #cfd0d2;
}

#news-box h2 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1.1em;
}

ul.isics-news-list-latest {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.isics-news-list-latest h4 span.date {
  font-weight: normal;
}

/* List of articles
------------------------------------------------------------------------------*/
div.articles-list h2 {
  margin-left: 170px;
}

div.articles-list p.pagination-info {
  text-align: right;
}

ul.articles {
  margin: 0;
  padding: 0;
  list-style: none;
}

li.article-with-image {
  position: relative !important;
  margin-left: 170px;
}

li.article-with-image p.image {
  position: absolute;
  top: 0;
  left: -170px;
  float: none !important;
  margin: 0;
  width: 160px;
  text-align: center;
}

li.article-with-image div.catcher {
  margin-left: 170px;
  margin-left: 0 !important;
  min-height: 90px !important;
}

div.isics-news-list p.rows-infos {
  font-style: italic;
  font-weight: bold;
}

/* Article
------------------------------------------------------------------------------*/
div.isics-news-show h2 {
	position: relative;
	margin: 0 0 10px 0 !important;
	padding: 0 0 0 44px !important;
	background: none !important;
	border-bottom: 1px solid #0081c7;	
	line-height: 34px;
}

div.isics-news-show h2 span.date {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 36px;
	height: 34px;
	overflow: hidden;
	margin-right: 8px;
	background: url(/images/ephemeris.png) no-repeat;
	color: white;
	font-size: .5em;
	font-weight: normal;	
	line-height: 12px;
	text-align: center;
}

div.isics-news-show h2 span.date strong {
  display:block;
  font-size:2em;
  line-height:22px;
}

div.isics-news-show #carousel {
  width: 324px;
  height: 180px;
  margin: 0 20px 20px 160px;
  position: relative;
}

div.isics-news-show #carousel .container {
  float: left;
  width: 240px;
  height: 180px;
  position: relative;    
  overflow: hidden;
}

div.isics-news-show #carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 180px;
}                      

div.isics-news-show #carousel ul li {
  width: 240px;
  height: 180px;
  text-align: center; 
  list-style:none;   
  float:left;
}

div.isics-news-show #carousel .previous_button {
  float:left;  
  width: 32px;
  height: 175px;
  margin-right: 10px;
  background: url(/isicsPrototypeUICarouselPlugin/images/prototype-ui/horizontal/left.png);
  z-index: 100;
  cursor: pointer;
}

div.isics-news-show #carousel .previous_button_over {
  background: url(/isicsPrototypeUICarouselPlugin/images/prototype-ui/horizontal/left_over.png);
}

div.isics-news-show #carousel .previous_button_disabled {
  background: url(/isicsPrototypeUICarouselPlugin/images/prototype-ui/horizontal/left_disabled.png);
  cursor: default;
}

div.isics-news-show #carousel .next_button {
  float:left;  
  width: 32px;
  height: 175px;
  margin-left: 10px;
  background: url(/isicsPrototypeUICarouselPlugin/images/prototype-ui/horizontal/right.png);
  z-index: 100;
  cursor: pointer;
}

div.isics-news-show #carousel .next_button_over {
  background: url(/isicsPrototypeUICarouselPlugin/images/prototype-ui/horizontal/right_over.png);
}

div.isics-news-show #carousel .next_button_disabled {
  background: url(/isicsPrototypeUICarouselPlugin/images/prototype-ui/horizontal/right_disabled.png);
  cursor: default;
}


/*******************************************************************************

  Authentification

*******************************************************************************/

#signin-form table input {
  border: 1px solid lightgrey;
  padding: 3px;
}

/*******************************************************************************

  Contenu

*******************************************************************************/
#content {
	float: left;
	width: 704px;
	margin-top: 20px;
	text-align: justify;
}

#content li {
  margin-bottom: 10px;
}

a.services, a.sales,
a.question, a.documentation,
a.quote {
  display: block;
  float: left;
  padding-right: 25px;
  margin-right: 10px;
  line-height: 30px;
  font-size: .9em;
}

a.services {
  background: url(/images/services.jpg) right no-repeat;
}

a.sales {
  background: url(/images/sales.jpg) right no-repeat;
}

a.question {
  background: url(/images/question.jpg) right no-repeat;
}

a.documentation {
  background: url(/images/documentation.jpg) right no-repeat;
}

a.quote {
  background: url(/images/quote.jpg) right no-repeat;
}

/* Boîte de login
------------------------------------------------------------------------------*/
#breadcrumbs {
  font-size: .8em;
}

/* Colonnes
------------------------------------------------------------------------------*/
.colset3 .col1 {
  float: left;
	width: 214px;
	margin-right: 31px;
}

.colset3 .col2 {
	float: left;
	width: 214px;
	margin-right: 31px;
}

.colset3 .col3 {
	float: left;
	width: 214px;
}

/* Template 2 colonnes
------------------------------------------------------------------------------*/
#right-column {
  position: relative;
  margin-left: 189px;
}

#right-column .left-column {
  position: absolute;
  left: -189px;
  top: 0;
}

/* Catalogue spécifique SEFAC
------------------------------------------------------------------------------*/
div.category-detail-with-image {
  position: relative;
}

div.category-detail-with-image h2 {
  margin-left: 160px;
}

div.category-detail-with-image p.category-image {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  text-align: center;
  width: 150px;
}

div.category-detail-with-image div.category-description {
  margin-left: 160px;
  min-height: 65px;
}

ul.subcategories-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

li.subcategory-with-image {
  position: relative;
  margin-left: 160px;
}

li.subcategory-with-image p.subcategory-image {
  position: absolute;
  top: 0;
  left: -160px;
  margin: 0;
  border: solid 1px #0081c7 !important;
  text-align: center;
  width: 150px;
}

li.subcategory-with-image div.subcategory-description {
  min-height: 72px;
  margin: 0;
}

ul.products-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

li.product-with-image {
  position: relative;
  margin-left: 160px;
}

li.product-with-image p.product-image {
  position: absolute;
  top: 0;
  left: -160px;
  margin: 0;
  border: solid 1px #0081c7 !important;
  text-align: center;
  width: 150px;
}

li.product-with-image div.product-text {
  min-height: 70px;
}

li.product-with-image div.product-description {
  margin: 0;
}

div.product-detail {
  position: relative;
  margin-left: 189px;
}

div.product-detail ul.images-list {
  position: absolute;
  left: -189px;
  top: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 154px;
}

li.product-image-thumbnail {
  float: left;
  width: 70px;
  height: 70px;
  margin: 0 5px 0 0;
  text-align: center;
  border: solid 1px #0081c7;
}

li.product-image-thumbnail img {
  margin: 10px 0 10px 0;
}

div.product-detail th{
  color: white;
  background: #0081c7;
}

div.product-detail td{
  color: black;
  background: #c5c7c8;
}

div.accessories-list {
  clear: left;
  padding-top: 5px !important;
}

ul.accessories-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

li.accessory-with-image {
  position: relative;
  margin: 0;
}

p.accessory-image {
  position: absolute;
  top: 0;
  left: -189px !important;
  margin: 0;
  border: solid 1px #0081c7 !important;
  width: 150px;
  text-align: center;
}

li.accessory-with-image div.accessory-text {
  min-height: 70px;
}

/* Historique
------------------------------------------------------------------------------*/
div.history-detail {
  padding-left: 189px;
  margin-bottom: 30px;
  background: url(/images/history.jpg) 0 0 no-repeat ;
}

/* Références spécifique SEFAC
------------------------------------------------------------------------------*/
/* List of galleries
------------------------------------------------------------------------------*/
div.galleries-list p.pagination-info {
  font-style: italic;
  font-weight: bold;
}

ul.galleries-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.galleries-list ul.images-list {
  margin-top: 10px;
  padding: 0;
  list-style: none;
}

ul.galleries-list li.gallery {
  clear: left;
}

ul.galleries-list li.image {
  float: left;
  margin-right: 10px;
}

/* Gallery
------------------------------------------------------------------------------*/
div.gallery-detail {
  position: relative;
  padding-left: 189px;
  margin-bottom: 30px;
  background: url(/images/map.jpg) 0 0 no-repeat ;
}

div.gallery-detail p.pagination-info {
  font-style: italic;
  font-weight: bold;
}

ul.images-list {
  list-style: none;
  margin: 30px 0 0 -100px;
  padding: 0;
}

ul.images-list li.image {
  float: left;
  width: 150px;
  height: 130px;
  margin: 0 40px 40px 0 !important;
}

ul.images-list li.image p.image {
  margin: 0;
  padding: 0;
}

ul.images-list li.image p.title {	
	height: 30px;
  margin: 0 !important;
	padding: 0 !important;
  overflow: hidden;
}

div.gallery-detail ul.pager {
  clear: left;
  margin: 30px 0 0 -189px;
  text-align: center;
}

/* Formulaire de contact
------------------------------------------------------------------------------*/
div.contact-form {
  position: relative;
  padding-left: 189px;
  margin-bottom: 30px;
  background: url(/images/contact.jpg) 0 0 no-repeat ;
}

/* Pager
------------------------------------------------------------------------------*/
ul.pager {
  list-style: none;
  margin-left: 160px;
  padding: 0;
}

ul.pager li {
  display: inline;
}

ul.pager li.current {
  font-weight: bold;
}

div.search-page-numbers
{
  text-align: center;
  margin-bottom: 20px;
}

/* Formulaires
------------------------------------------------------------------------------*/
form.default-form fieldset legend {
  font-size: 1.2em;
  font-weight: bold;
  color: #666;
  margin: 0;
  padding: 10px 0;
}

form.default-form fieldset {
  border: 0 !important;
  margin: 0;
  padding: 0;
}

form.default-form label {
  padding-right: 10px;
  float: left;
  width: 120px;
  text-align: right;
}

form.default-form p.required-fields {
  color: red;
  text-align: right;
  font-size: .9em;
  margin: 0 auto;
}

form.default-form input, 
form.default-form textarea, 
form.default-form select{
	font-family: verdana, arial, sans-serif;	
	font-size: 1em;	
}

form.default-form input.text,
form.default-form select,
form.default-form textarea {
  border: 1px solid #ccc;
  padding: 0;
  margin: 2px;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #666 !important;
}

form.default-form p.form-error {
	color:       red;
	font-size:   1.2em;
	font-weight: bold;
}

form.default-form ul.error_list {
	list-style: none;
	margin-left: 120px;
	padding: 0;
}

form.default-form ul.error_list li {
  margin: 0;
	padding-left: 10px;
	color: red;
	font-weight: bold;
}

form.default-form input.button {
  background: #0081c7;
  color: white;
  border: 0;
  cursor: pointer !important;
}

form.default-form p.button-set {
	margin: 20px 10px 0 0 !important;
	text-align: right;
}

form.default-form #captcha_img {
  margin-left: 132px;
}



/*******************************************************************************

  Pied de page

*******************************************************************************/
#footer {
	position: relative;
	margin: -150px auto 0 auto;
	padding-top: 75px;
	width: 934px;
	height: 75px;
	clear: both;
}

/* Boîte de login
------------------------------------------------------------------------------*/
#login-box {
	float: left;
	margin: 0 39px 0 39px;
	width: 149px;
}

#login-box h2 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1em;
}

#login-box input {
	width: 110px;
	margin-bottom: 2px;
	border: none;
	font-size: .8em;
	border: 1px solid transparent;
}

#login-box .submit {
  background: url('/images/button_ok.gif') no-repeat center center;
  height: 14px;
  color: transparent;
  cursor: pointer;
}

ul.error_list {
  color: red;
  margin: 3px 0;
}

#address {
	padding: 0;
	margin: 0 0 0 208px;
	width: 639px;
	font-size: .8em;	
	text-align: center;
}

#footer-menu {
	margin: 0 0 0 208px;
	padding: 0;
	width: 639px;
	font-size: .9em;	
	list-style: none;
	text-align: center;		
}

#footer-menu li {
	display: inline;
}



/*******************************************************************************

  Popup sefac

*******************************************************************************/
#MB_header {
	background-color: #0081c7 !important;
	border-bottom: none !important;
}

#MB_caption {
	color: #FFF !important;
	text-shadow: none !important;
}

#MB_content {
	background-color: #FFF;
	border-top: none !important;
	padding-bottom: 0 !important;
}

#MB_close {
	color: #FFF !important;
}

#MB_close:hover {
	color: #000 !important;
}