@charset "UTF-8";
/* CSS Document */

/* Reset Stylesheet pour mettre les toutes les
mesures différentes des browsers sur un meme pied d'égalité */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body{
  background:#d9f5ff url(../images/background-repeat.jpg) repeat-x;
  color:#002f46;
  font-family:Verdana, Arial, sans-serif;
  font-size:13px;
  font-style:normal;
  height:100%;
  margin:0;padding:0;
  width:100%;
}


/******** ÉLÉMENTS VISUELS ********/

h1{color:#009de8;font-size:1.6em;font-weight:normal;text-transform:uppercase;}
h2{color:#009de8;font-size:1.6em;font-weight:normal;padding:5px 0 14px 0;text-transform:uppercase;}
h3{color:#FFF;font-size:1.2em;font-weight:normal;text-transform:uppercase;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
a{color:#0071a6;text-decoration:underline;}
a:hover{color:#004c70;text-decoration:underline;}
a:visited{color:#004c70;text-decoration:underline;}
a img{border:none;}
p{color:#002f46;font-size:0.9em;line-height:1.4em;padding:6px 0 6px 0;margin:0;}


/*********** INTERFACE ************/

#wrap{
  margin:0 auto;
  padding-bottom:30px;
  /*-webkit-box-shadow: 0px 0px 20px #333;
    -moz-box-shadow: 0px 0px 20px #333;
    box-shadow: 0px 0px 20px #333;*/
  width:896px;
}

#footer{
	display: block;
	color: #3acbf8;
	border-top: #a6e2fa solid 1px;
	padding: 2px 0px 15px 0px;
	margin: 30px 0px 0px 0px;
	width:572px;
	font-size:11px;
	float:left;
}

#footer a{
	color: #3acbf8;
}

#header{
  height:202px;
  position:relative;
}

  #menu-haut{
    position:absolute;
    top:10px;
    right:10px;
    z-index:12;
  }

    #menu-haut ul{
      margin:0;
      padding:0;
    }

      #menu-haut li{
        color:white;
        float:left;
        font-size:0.7em;
        font-weight:bold;
        list-style:none;
        padding-left:5px;
      }

        #menu-haut li a{
          color:white;
          padding-right:5px;
          text-transform:uppercase;
          text-decoration:none;
        }

        #menu-haut li a:hover{
          color:#a6d0db;
        }

  #image-flash{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
  }

  #sloguant{
    position:absolute;
    top:41px;
    left:35px;
    z-index:20;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
  }

  #logo h1{
    position:absolute;
    top:91px;
    left:35px;
    z-index:800;
  }
	
#logo2{
	z-index: 80;
}
	#logo2 h1{
    float: right;
    z-index: auto;
  }

  #navigation{
    background:#0089ca url(../images/Sima-Sous-Menu.png) repeat-x;
    height:40px;
    left:0;
    padding-left:10px;
    position:absolute;
    top:162px;
    width:886px;
    z-index:30;
  }


/***** STYLE ROLLOVER DU TREEVIEW *****/


.treeview li span:hover{color:#641024;}
.treeview li ul li a:hover{color:#3d0a16;}
.treeview li ul li span:hover{color:#3d0a16;}
.treeview li ul li ul li a:hover{color:#3d0a16;}
.treeview li ul li ul li span:hover{color:#3d0a16;}
.treeview li ul li ul li ul li a:hover{color:#3d0a16;}
.treeview li ul li ul li ul li span:hover{color:#3d0a16;}


/* Style box produit */
#descProduit {}
#produitLeft {
  width: 300px;
  float:left;
}
#separatorpicRight {
  float:left;
  width:1px;
  height:90%;
  padding: 0px 4px 0px 4px;
}
#divpicRight {
  float:left;
  text-align: right;
  width:180px;
}

/***** MENU JQUERY TOP ****/

    .menu-top-element{
      background:  url(../images/Sima-Separation-Menu.png) right bottom no-repeat;
      height:40px;
    }


      .menu_body {
      display:none;
      }

      a.a-menu-top{
        color:white;
        display:block;
        font-size:.8em;
        font-weight:bold;
        margin:0px 0;
        padding:15px 0px 5px 10px;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
      }

      a:hover.a-menu-top{
        color:#acd0db;
      }


/***** MENU JQUERY SIDEBAR ****/

      /* titre menu */
      .menu_body p {
        color:white;
        background-color:#ec557a;
        padding:20px;
      }


      .menu-top-element{
        float:left;
        font-size:12px;
        font-weight:bold;
        padding:0px 15px 0px 5px;
        text-transform:uppercase;

      }
      .menu-top-element a{
      color:white;
      }

      .menu_list {
        width: 100%;
	}

      #firstpane{min-height:320px;}

      .menu_head {
        color:white;
        padding: 5px 10px 5px 15px;
        cursor: pointer;
        position: relative;
        margin:0px 0 0px 5px;
        font-weight:bold;
        background: #eb3053 url(../images/plus.png) center left no-repeat;
        text-transform:uppercase;
        list-style:circle;
      }

        /* Lien menu */
        .menu_list a.a-menu-left {
          font-size:0.8em;
          display:block;
          padding: 5px 10px 5px 40px;
          cursor: pointer;
          position: relative;
          margin:0;
          color:white;
           background:#eb3053;
           text-align:left;
        }

        /* titre sous-menu*/
        .menu_list .menu_body p {
          padding: 5px 10px 5px 10px;
          margin-left:30px;
          background: #eb3053 url(../images/plus.png) center left no-repeat;
        }

          /* Lien sous-menu*/
          .menu_list .menu_body .menu_body a.a-menu-left{
            cursor: pointer;
            padding: 5px 10px 5px 60px;
            background: #eb3053;
          }

            .menu_list .menu_body .menu_body  p{
              padding: 5px 10px 5px 10px;
              margin-left:50px;
              background: #eb3053 url(../images/plus.png) center left no-repeat;
            }

              .menu_list .menu_body .menu_body .menu_body a.a-menu-left{
                cursor: pointer;
                padding: 5px 10px 5px 80px;
                background: #eb3053;
              }


#main-content{
  float:left;
  padding-top:40px;
  width:582px;
}

  .bloc-content{}

    .bloc-content-header{
      background: url(../images/Bloc-Contenu-Top.png) no-repeat;
      height:5px;
      width:582px;
    }

    .bloc-content-contenu{
	  position: relative;
      background: url(../images/Bloc-Contenu-Repetition.png) repeat-y;
      padding:10px 16px 10px 18px;
      width:542px;
    }

    .bloc-content-footer{
      background: url(../images/Bloc-Contenu-Bottom.png) no-repeat;
      height:5px;
      margin-bottom:5px;
      width:580px;
    }

#sidebar {
  background-color:#ee3f66;
  color:white;
  float:left;
  height:100%;
  padding:20px 0px 20px 0px;
  position:relative;
  width:314px;
}

  .bloc-sidebar2{
    background-color:#6b001a;
    padding:10px 15px 10px 15px;

  }

  .bloc-sidebar{
    background-color:#de2452;
    padding:10px 15px 10px 15px;

  }

	.bloc-sidebar-contenu{
          width:299px;  display:block;
		  font-size: 12px;
    }
    .bloc-sidebar-contenu h3{
        background-color:#ee3f66; border-bottom:1px solid #de2452; color:#e7d4d9; display:block;font-size:18px; font-weight:normal; margin-top:-10px; margin-left:-15px; padding:10px 0px 10px 15px; text-decoration:none;text-transform:uppercase; width:299px;
    }

    .bloc-sidebar-contenu p{
		width: 90%;
      color:white;

    }
	.bloc-sidebar-contenu p.other{

	  border-bottom: 1px solid #ee3f66;
	  margin-bottom: 10px;
	  padding-bottom: 15px;
    }
	.bloc-sidebar-contenu a{
		color: #FFF;	
	}

    .bloc-sidebar-bouton{
      clear:both;
      margin:15px 0 15px 0;
      position:relative;
    }
	.bloc-sidebar2 .bloc-sidebar-bouton a{
        color:#ee3f66;
        font-size:0.8em;
        font-weight:bold;
      }

      .bloc-sidebar-bouton a{
        color:#78001d;
        font-size:0.8em;
        font-weight:bold;
      }

      .bloc-sidebar-bouton li{
        margin: 0px 0px 0px 20px;
      }

      .bt-plus{
        background:url(../images/Bouton-Suite.png) no-repeat;
        float:left;
        height:27px;
        margin-right:8px;
        margin-top:-7px;
        width:27px;
      }

    /*.bloc-sidebar-footer{
      background-color:#e45f80;
      height:1px;
      margin:40px 0 20px 0;
    }*/

    .image-left{
      padding:0 8px 0px 0;
    }

#sidebar-footer-accueil {
  /*background:url(../images/Bas-Sidebar.jpg) no-repeat;*/
  height:276px;
  position:absolute;
  /*bottom:-276px;*/
  bottom:0;
  width:314px;
}

#sidebar-footer {
  /*background:url(../images/Bas-Sidebar.jpg) no-repeat;*/
  height:276px;
  position:absolute;
  bottom:-276px;
  width:314px;
}

/*********** Propriétés Spécifiques ************/

#selection-item{
  padding:0px 0 10px 0;
  margin-top:10px;
  width:200px;
}

.span{ cursor:pointer;}

#flash-main-content{
  margin-top:-40px;
}



/* ANYTHING ZOOMER */

#wrapZoom, #wrap2{ width: 600px; position: relative; }
#small, #small2{ position: relative; width: 100%; }
#large, #large2{ background: white; position: relative; width: 600px; }
#mover, #mover2{ position: absolute; top: 0; left: 0; width: 200px; height: 200px; overflow: hidden; z-index: 100; display: none; }
#overlay, #overlay2{ border: 1px solid grey; width: 198px; height: 198px; position: absolute; top: 0; left: 0; z-index: 200; }