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

  Général

*******************************************************************************/
html {
  font-size: 100%;
}

body {
  background: #bbbbbb;
  color: #505050;
  font: 0.625em Verdana, Arial, Helvetica, sans-serif;
  margin: 10px 0;
  padding: 0;
}



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

  Conteneur principal

*******************************************************************************/
div#container {
  background: white url(../images/content_background2.jpg);
  margin: 0 auto;
  position: relative;  
  width: 772px;
}



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

  Entête

*******************************************************************************/
div#header {
  background: url(../images/header.jpg);
  height: 192px;
}

a#headerLogo {
	left: 21px;
  position: absolute;
}

a#headerLogo img {
  border: none;
}

ul#menu1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 24px;
  top: 30px;
}

ul#menu1 li {
  background: url(../images/menu1.gif) no-repeat right center;
  display: block;
  font-size: 1.2em;
  line-height: 25px;
  padding-right: 20px;
  text-align: right;
}

ul#menu1 a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

ul#menu1 a:first-letter {
  font-size: 120%;
}

ul#menu1 a:hover {
  color: #ffee19;
}

ul#menu1 li.li-current {
	background: url(../images/menu1_current.gif) no-repeat right center;
	color: #ffee19;
}

ul#menu2 {
  background: url(../images/menu2_background.gif);
  height: 41px;
	list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#menu2 li {
  float: left;
  font-size: 1.3em;
  font-weight: bold; 
  height: 35px; 
  line-height: 35px;  
  margin: 3px 0 0 2px;
  width: 152px;
  text-align: center;  
}

ul#menu2 a {
	color: black;
  display: block;
  text-decoration: none;
}

ul#menu2 li:first-letter, ul#menu2 a:first-letter {
  font-size: 120%;
}

ul#menu2 a:hover {
  color: red;
  text-decoration: none;
}

ul#menu2 li.li-current, ul#menu2 li.li-inPath {
	border-bottom: 3px solid red;
	color: red;
}

ul#menu2 li.li-inPath a {
  color: red;
}



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

  Fil d'Ariane

*******************************************************************************/
p#breadCrumbs {
	margin: 0;
	padding: 0;
  position: absolute;
  right: 30px;
  top: 240px;
}

p#breadCrumbs a {
  color: #ff9d00;
  font-weight: bold;
  text-decoration: underline;
}

p#breadCrumbs a:hover {
  text-decoration: none;
}



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

  Contenu

*******************************************************************************/
div#content {
	background: url(../images/content_background1.jpg) no-repeat;
	font-size: 1.2em;
	min-height: 249px;
  line-height: 125%;
  padding: 49px 49px 0 199px;
}

div#content h1 {
	border-bottom: 1px solid #ffd748;
	font-size: 1.6em;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

div#content h1:first-letter {
  font-size: 120%;
}

div#content h2 {
  font-size: 1.4em;  
}

div#content h3 {
  font-size: 1.2em;
}

div#content a {
  color: #ff9d00;
  font-weight: bold;
  text-decoration: underline;
}

div#content a:hover {
  text-decoration: none;
}

ul.default, ul.default ul, ul#sitemap, ul#sitemap ul,
div.orchestraCMSPage ul, div.catalogProduct div.catcher ul,
div.catalogProduct div.description ul {
  list-style-type: none;
  margin: 0 0 20px 20px;
  padding: 0;
}

ul.default li, ul#sitemap li,
div.orchestraCMSPage li, div.catalogProduct div.catcher li,
div.catalogProduct div.description li {
	background: url(../images/puce1.gif) no-repeat 0 4px;
  padding-left: 13px;
}



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

  Pied de page

*******************************************************************************/
div#footer {
  background: #bbbbbb url(../images/footer.jpg) no-repeat;
  height: 139px;
  position: relative;
}

a#footerLogo {
  position: absolute;
  top: 40px;
}

a#footerLogo img {
  border: none;
}

div#footer p {
  margin: 0;
}

p#address {
	color: #ffee19;
  left: 209px;
  line-height: 16px;	
  position: absolute;
  top: 62px;
}

p#address a {
  color: white;
  text-decoration: underline;
}

p#address a:hover {
  text-decoration: none;
}

ul#menu3 {
	left: 209px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 104px;
}

ul#menu3 li {
  float: left;
  margin-right: 10px;
}

ul#menu3 a {
  color: #505050;
  font-weight: bold;
  text-decoration: underline;
}

ul#menu3 a:hover {
  text-decoration: none;
}

p#copyright {
  position: absolute;
  top: 104px;
}

p#isics {
  position: absolute;
  right: 0;
  top: 104px;
}

p#isics a {
  color: #505050;
  text-decoration: none;
}

p#isics a:hover {
  text-decoration: underline;
}


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

  Catalogue

*******************************************************************************/
div.catalogList p.resultsInfo {
	background: url(../images/pager_background.gif);
	border-top: 1px solid #e8e8e8;
  font-style: italic;
  line-height: 29px;
  padding: 0 10px;
}

div.catalogProductList {
  margin-bottom: 20px;
}

div.catalogProductList h2.name {
  background: url(../images/puce1.gif) no-repeat 0 5px;
  padding-left: 13px;
}

div.catalogProductList p.image img {
  border: none;
}

div.catalogProductList p.image {
	float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

div.catalogProductList div.catcherWithImage {
  margin-left: 110px;
  min-height: 100px;
}



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

  Pager

*******************************************************************************/
ul.pagination {
  background: url(../images/pager_background.gif);
  border-top: 1px solid #e8e8e8;
  height: 29px;
  line-height: 29px;
  list-style-type: none;
  margin: 32px 0;
  padding: 1px 0;
  text-align: center;
}

ul.pagination li {
  display: inline;
  font-size: 1.2em;  
  margin: 0 5px;
}

ul.pagination a img {
  border: none;
}



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

  Caroussel

*******************************************************************************/
div.carousel-component {
  height: 250px;
  list-style-type: none;
  margin: 0 auto 16px auto !important;
  padding: 0 !important;
  width: 220px; 
}

div.carousel-component .carousel-list li {
  margin: 0 !important;
  padding: 10px 0 0 0 !important;
  height: 240px;
  width: 220px;
}

div.carousel-component a img {
  border: none;
}

div.carousel-component p.carousel-image {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

div.carousel-component p.carousel-image-title {
  color: white;
  height: 40px;
  line-height: 20px;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  text-align: center !important;
}

p.carousel-arrow-container {
  background: #3f3f3f;
  color: white;
  font-size: 0.8em !important;
  height: 20px;
  line-height: 20px;
  margin: 0 auto !important;
  padding: 10px 10px 0 10px;
  width: 200px !important;
  text-align: center !important;
}

img.carousel-prev-arrow {
  cursor: pointer; 
  float: left;
}

img.carousel-next-arrow {
  cursor: pointer; 
  float: right;
}



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

  Formulaire par défaut

*******************************************************************************/
form.defaultForm label {
  background: url(../images/puce2.gif) no-repeat right 4px; 
  display: block;
  float: left;
  font-weight: bold;
  margin-right: 5px;
  padding-right: 13px;
  width: 140px;
  text-align: right;
}

.defaultForm fieldset {
	border: none;
  border-top: 2px solid #ffd748;
  margin: 0 0 20px 0;
  padding: 5px 5px 0 5px;
}

.defaultForm fieldset p {
  margin: 0 0 5px 0;
}

input.textField, select {
  border: 1px solid #c0c0c0;
  padding: 1px;
}

.defaultForm textarea {
  font-family: verdana, arial, sans-serif;
  font-size: small;
  background: #fff;
  border: 1px solid #c0c0c0;
  padding: 3px;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #505050;
}

.defaultForm legend {
  color: #ff9d00;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.2em;
}

form.defaultForm p.error {
  color: red;
  font-weight: bold;
  margin-bottom: 2px !important;
  padding-left: 132px;
}

.defaultForm .asterisk {
   color: red;
   font-size: 1em;
   font-weight: bold;
   vertical-align: top;
}

.defaultForm .requiredField {
  color: red;
  font-size: 0.8em;
  font-style: italic;
  font-weight: bold;
  margin: 0 !important;
  padding: 0;
  text-align: right !important;
}

.form-errors {
  margin-bottom: 10px;
  border: 1px solid red;
  background-color: #ffc;
}

.form-errors p {
  background: red;  
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: white;
  margin-top: 0;
}

.form-errors dl {
  padding: 5px;
}

.form-errors dt {
  font-weight: bold;
  float: left;
  padding-right: 12px;
  width: 140px;
}

.form-errors dd {
  margin: 0;
}

p.form-error {
  background: url(../images/error.gif) no-repeat left center;
  color: red;
  font-weight: bold;
  margin: 0 0 0 152px !important;
  padding-left: 15px;
}