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

  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 {
	margin: 0 0 8px 0;
	padding: 4px;
	background: #cfd0d2;
	list-style: none;
}

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

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

#sidebar-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 {
	background-position: 0 -21px;
}

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

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

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

#sidebar-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 {
	color: black !important;
}

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

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

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

#sidebar-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 {
	color: black !important;
}

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



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



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

  Contenu

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

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

a.services {
  display: block;
  float: left;
  background: url(/images/services.jpg) right no-repeat;
  padding-right: 25px;
  margin-right: 10px;
  line-height: 30px;
}

a.sales {
  display: block;
  float: left;
  background: url(/images/sales.jpg) right no-repeat;
  padding-right: 25px;
  margin-right: 10px;
  line-height: 30px;
}

a.question {
  display: block;
  float: left;
  background: url(/images/question.jpg) right no-repeat;
  padding-right: 25px;
  margin-right: 10px;
  line-height: 30px;
}

a.documentation {
  display: block;
  float: left;
  background: url(/images/documentation.jpg) right no-repeat;
  padding-right: 25px;
  margin-right: 10px;
  line-height: 30px;
}

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

#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;
}