@charset "utf-8";



/* CSS Document */







body  {



  font: 90% Verdana, Arial, Helvetica, sans-serif;



  background: #63db9d url(../images/Beach-1920-1.jpg) no-repeat;
  background-size: cover;
  
  background-attachment: fixed;



  margin: 0;



  padding: 0;



  color: #05229a;







}



#top {

  background: url(../images/cloud.png) repeat-x;

}

  



img {



  border-style: none;

  



}



h1, h2, h3, h4, h5, h6 {



        font-family: Georgia, "Times New Roman", Times, serif;



        color: #0e59a0 /* #403a19 */;



}







h1,h2,h3 { margin: 1em 0 0.6em 0; font-weight: bold; padding: 0 .5em 0; }







h4,h5,h6,ul,ol,dl,li,dt,dd,pre,p { margin: 0.8em 0; }







ul, ol { padding-left: 2em; }







ul { list-style: disc outside; }







ul ul { list-style-type: square; }







ul ul ul { list-style-type: circle; }







ol { list-style: decimal outside; }







pre { font: 100% "Courier New", Courier, monospace; }







cite { font-style: italic; }







h1 { font-size: 145%; }







h2 { font-size: 130%; }







h3 { font-size: 112%; }







h4, h5, h6 { font-size: 100%; }







p {



        line-height: 1.5em;



    



}



a:link {



        color: #110cdd;



}



a:visited {



  color: #006;



}



a:hover {



        text-decoration: none;



        color: #2314bf;



}







td {



  padding: 10px;



}









.top_link {



  height: 23px;



  width: 960px;



  border: 0px;



}







#container {

  width: 1050px;



  padding: 0;



   margin: 0 auto !important;

   /* border: thick #cd0000 !important; */

  

}







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



/******** HEADER INFO **********/



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



#header {



  width: 960px; 



  margin: 0 auto;



  height: 220px; 

  

  padding: 10px;
  
  







}





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

/*********** Title ***************************/

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



#title {

  height: 10px;

  width: 500px;

  margin-bottom: 15px;

}



#title .moduletable .custom h1 {

  font-size: 3em;

  font-family:"Monotype Corsiva";

  padding: 5px;

  margin: 0 auto;

  padding: 0 auto;

  text-align: center;

  display:block;

  background-color: #fff;

  width:600px;

  position: relative;

  z-index: 100px;

  border-top: 2px solid #f81213;

  

  border-top-left-radius: 10px;



  border-top-right-radius:10px;



  border-radius: 10px;



  border-bottom: 2px solid #f81213;



  border-left: 2px solid #f81213;

  

  border-bottom-left-radius: 10px;





  border-right: 2px solid #f81213;

  

  

  border-bottom-right-radius: 10px;

 

}



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

/********** Left Menu ***********************/

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



#leftmenu {

  float:left !important;

  position: absolute;

  width:220px;

  padding-left:20px;

  list-style: none;

  overflow:auto;

  margin-right: 10px;

  margin-left: -20px;

  

  

}



#leftmenu li {

  display: block;

  background-color: #f7f6ad !important;

  color: #fbef89;

  border-top: 2px solid #f81213;

  

  border-top-left-radius: 50px;



  border-top-right-radius:50px;



  border-radius: 50px;



  border-bottom: 2px solid #f81213;



  border-left: 2px solid #f81213;

  

  border-bottom-left-radius: 50px;





  border-right: 2px solid #f81213;

  

  margin-top: 15px;



  border-bottom-right-radius: 50px;

  

  text-align: center;

  

  text-decoration:none;

  

  padding: 20px;

  

}



#leftmenu li a {

  text-decoration: none;

  

}





#leftmenu li a:hover {

  text-decoration:underline;

  color: #fbef89;

}









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



/************ Right Container *****************/



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







#mainContent {



  background-color: #f7f6ad;



  width: 800px;



  padding: 0;

  

  margin-top: 15px;

  

  float: right;

  

  margin-left: 20px !imporant;

  

  overflow: auto; 



  overflow-x: hidden;

  

  border-top-left-radius:5px;



  border-top-right-radius:5px;



  border-radius: 10px;



  border-bottom-left-radius: 5px;



  border-bottom-right-radius: 5px;

  

 

  

}











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



/********* Right COntent **********/



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







#mainContent .item-page {

  

    width: 780px !important;

    padding-left: 10px;



    padding-right:10px;



    padding-bottom: 15px;



    overflow: auto;



    overflow-x: hidden;



    float: left;



    padding-top: 10px;

    



}











#mainContent .item-page p {



  padding: 5px;



}



#mainContent .item-page img {

  margin: 0 auto;

  padding: 0 !important;

}





.blog-featured {



  margin: 2px;



  padding: 5px;



}







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



/***************** Bottom Menu ******************/



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



#bottom {



  height: 100px;



  background: #990000;



  



}







#bottom-left {



  width: 320px;



  margin: 0;



  padding: 5px;



}







#bottom-middle {



  width: 320px;



  margin: 0;



  padding: 5px;



}







#bottom-right {



  width: 320px;



  margin: 0;



  padding: 5px;



}







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



/*********** Footer ********************/



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



#ohrfooter {

  margin-top:10px;

  margin-left:250px;

}



#footer {



  width: 960px;



  background: url(../images/footer.png) no-repeat;



  color: #000;



  height: 46px;



  overflow: auto;



  margin: 0 auto;



  padding: 0;

  text-align: center;

  

  margin-top: 10px;

 



   



}









#footer .footer1 {



  background: url(../images/footer.png) no-repeat /*#720C06#9a2018#403a19 */;



  color: #000000;



  text-align:center;

  margin-top: 15px;

  



  }











#footer2 {



  background: #ffffff url(../images/footerbg.png) top repeat;



  height: 100px;



  margin-top: -12px;

  

  



  }











#footer p {



  margin-top: 0;



  margin-left: 220px;



  padding: 10px;



  



}







.footer1 {



   height:30px



   /* padding-left: 175px; */



   padding-top: 12px;



   font-family:"Times New Roman", Times, serif;



   color: #A8B3FF;





}











.fltrt {



  float: right;



  margin-left: 8px;



}



.fltlft {



  float: left;



  margin-right: 8px;



}







.clear {clear:both;}















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



/******** Left Menu MenuContent *************/



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







#lefttopmenu {



  background-image: url(../images/leftmenutop.png) left no-repeat;



  



}







#leftbottommenu {



  background-image: url(../images/leftmenubottom.png) left no-repeat;



}



#mainContentleft .module_menu {



     margin-bottom: -12px;  



}







#mainContentleft .module {



     margin-bottom: -12px; 



}















#mainContentleft .menu li {



  



  margin-left: -27px;



  list-style-type:none;



  margin-right: 5px;



}







#mainContentleft .menu a:visited {



  color:#0300EF;



}















#mainContentleft .menu a {



  color: #01003F;



  display: block;



  text-decoration: none;



  background-color: transparent/*#f66107*/;



  /* background: url(../images/left_bottom.png) left bottom no-repeat; */



  padding-top: 5px;



  padding-bottom:5px;



  margin-bottom: 15px;



 }







#mainContentleft .menu a span {







  display: block;



  background-color:transparent  /*#f66107*/;



  /* background: url(../images/left_top.png) left top no-repeat; */



  padding-left:10px;



  padding-top: 10px;



  margin-top: -23px;



  



}







#mainContentleft .menu a:hover {







  color: #009;



  background-color: #CFD0FF /* #FF652F #FFA200; */;



  /* padding-left: 30px;



  /* background: url(../images/rounded_bottom.png) left bottom no-repeat; */







}







#mainContentleft .menu a:hover span {







  /* background: url(../images/rounded_top.png) left top no-repeat; */



  margin-left: 0;



  background-color: #CFD0FF/* #FFA200;*/;







}







#mainContentleft ul.menu li.active a {



  background-color:#FFF4BF;



  color: #01003F;



}



#mainContentleft ul.menu li.active a span {



  background-color: #FFF4BF;



  



}











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



/************ Left Image Address **********/



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



#mainContentleft .custom {



    float: left;



    margin-bottom: 10px;



    background-repeat: no-repeat;



    padding-left: 1px;



  padding-top: 10px;



}







#distributor {



  vertical-align:top;



  margin-top:-10px;



}





























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



/************** Login *************/



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



.moduletable #login-form {



  background-color:#FFEDCF;



  border: none;



  overflow-x: hidden;  



  padding-left: 10px;



  padding-top: 5px;



  padding-bottom: 10px;



  padding-right: 5px;



  border-top-left-radius:5px;



  border-top: 5px solid red;



  border-top-right-radius:5px;



  border-top: 5px solid red;



  border-bottom-left-radius: 5px;



  border-bottom: 5px solid red;



  border-left: 1px solid red;



  border-bottom-right-radius: 5px;



  border-right: 1px solid red;



  margin-bottom: 10px;



  width: 185px;



  float: left;



  margin-top: -8px;  











}









.moduletable #login-form li {



  list-style: none;



  margin-left: -15px;



 



}







div.login fieldset {



  border: none;



  margin: 0;



  padding: 0;



  display: block;



  



}



div.login-description {



  padding: 20px 0;



  font-size: 0.9em;



  font-style: italic;



}



div.login label {



  display: block;



  width: 115px;



  float: left;



  



padding-bottom: 5px;



}



div.login button {



  margin-left: 115px;



  width: 80px;



  }



div.login-fields {



  padding-bottom: 10px;



}







div.login-greeting {



  padding-bottom: 5px;



}











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



/******* Facebook style ******/



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







#topmenu .fb-like {



    padding-left: 15px;



    padding-top: 3px;



}















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



/************ BREADCRUMBS *************/



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



#breadcrumbs {



        margin: 0;



        font-weight: bold;



}







.breadcrumbs {



     font-weight: bold;



     display: block;



     border: 0;



     background-color: #fff1af /*#ff6600 f45313 bfd1f6*/;



     padding-top: 10px;



     padding-left: 10px;



     padding-bottom: 10px;



     margin-top: 20px;



     margin-right: 5px;



     margin-left: 10px;



     width: 710px;



}















.breadcrumbs a:hover {



     color: #ff6600;



}







.breadcrumbs a:visited {



     color: #ff6600;



   



}







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



/********* Search View *******************/



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







#mainContent .search {



  position: relative;



  margin: 0 auto;



  width: 730px;



}







#mainContent #searchForm {



  margin-top: 10px;



  padding: 10px;



  margin-bottom: 10px;



  line-height: 2em;



  float: left;



  width: 710px;



  border: 0;



}







#contentSearch .search {



  float: right;



  position: relative;



  margin: 0 auto;



  width: 300px;



  height: 20px;



}







#contentSearch .search input {



  border-radius: 5px;



  border: 1px solid #ffffff;



  margin-right: 5px;



  width: 150px;



  padding: 4px;



}







#contentSearch .search .button {



  width: 70px;



  background-color: #00aeef;



  border: 0;



  color: #ffffff;



  padding: 4px;



}  



  



  







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



/******** EXTENDED MENU *********/



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







#twocols{ 



  z-index:20;



}



 



#leftcol{  



  z-index:10;



}



 



.moduletablemainnav { 



  left:20px;



  z-index:100;



  font:0.9em Verdana, Arial, Helvetica, sans-serif;



  margin:0;



  padding:0;



 



}



 



 #mainlevelmainnav,#mainlevelmainnav ul {



  float:left;



  list-style:none;



  line-height:1em;



  background-color:b7a880;



  font-weight:700;



  margin:0;



  padding:0;



  padding-left: 20px;



  padding-top:23px;



  margin-bottom: -7px;



  



}



 



#mainlevelmainnav a {



  display:block;



  color:#1d0f5d;



  text-decoration:none;



  padding-top: 5px;



  padding-bottom: 5px;



  padding-left: 8px;



  padding-right: 8px;



  margin-top:-25px;



  margin-left: 2px;



  



}







#mainlevelmainnav a:hover {



  display:block;



  color:#08208F;



  text-decoration:none;



  padding-top: 5px;



  padding-bottom: 5px;



  padding-left: 8px;



  padding-right: 8px;



  margin-top:-25px;



  margin-left: 2px;



  background-color: #ffcc66;



  



}











 



#mainlevelmainnav li {



  float:left;



  padding:0;



 



}



 



#mainlevelmainnav li ul  {



  position:absolute;



  left:-999em;



  height:auto;



  width:11em;



  font-weight:400;



  margin:0;



 



  



}



 



#mainlevelmainnav li li {



  width:11em;



  



}



 







#mainlevelmainnav li ul a li {



  display: block;



  border: 1px solid #992118;



    



}







#mainlevelmainnav li ul a {



  width:12em;



  color:#000066;



  font-size:0.9em;



  line-height:1.0em;



  font-weight:400;



  background-color:#FFcc66;



  padding-bottom: 10px;



  



}







#mainlevelmainnav li ul a:hover {



  margin-bottom: 0px;



  margin-left: 2px;



  padding-right:32px;





  width: 11.1em;



  padding-left: 8px;



  font-size:0.9em;



  font-weight:400;



  line-height:1.0em;



  width: 131px;



  background-color: #DFDDC3;



  



  



}







#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{



  left:-999em;



  padding-left: 15px;



  



}



 



#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover



  ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {



  left:auto;



  z-index:6000;



  margin-top:-5px;



  



}



 



#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover {



  /* background: #039 url(../images/soccerball.gif) 98% 50% no-repeat; */



  margin-top: 5px;



  padding-top: 5px;



  z-index:6000;



  } 







.mainlevelmainnav {



  border-top: 0px solid #b7a880;



   border-top-left-radius: 5px;



   border-top-right-radius: 5px;



   border-left: 0px solid #b7a880;



   border-right: 0px solid #b7a880;



   



  



}







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



/******  Left Vertical Menu ***********/



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







#mainContentleft .moduletablemainContentleft h3 {



  border-top: 5px solid red;



  border-top-left-radius: 10px;



  border-top-right-radius:10px;



  background-color: red;



  text-align: center;



  padding-bottom: 5px;



  margin: 0;



  color: #ffffff;



  width: 189px;



 



}







/*



.ux-menu-container {



  border-top-left-radius:0;



  border-top: 1px solid red;



  border-top-right-radius:0;



  border-top: 1px solid red;



  border-bottom-left-radius: 5px;



  border-bottom: 5px solid red;



  border-left: 1px solid red;



  border-bottom-right-radius: 5px;



  border-right: 1px solid red;



  margin-bottom: 10px;



  width: 200px;



 }



.ux-menu-container ul li {



    display: inline;



    margin: 0;



    border: 0;



    width: 199px;



    margin-left: 1px;    



 }







.ux-menu-container ul li ul li {



  margin-left: -1px;



}











*/







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



/******* Spider Catalog **********/



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







#showPictureAnimated



{



    background-color: #ffff99;



      



}



#back_to_spidercatalog_button a {



  margin-top: 18px;



  padding-top: 5px;



  padding-bottom: 5px;



  padding-left: 10px;



  padding-right: 10px;



  margin-left: 15px;



  display: block;



  text-align: center;



  text-decoration: none !important;



  background-color: #00aeef;



  width: 125px;



  border-radius: 5px;



  color: #ffffff;



 



}







#prod_main_picture_container {



  background-image: ../images/Chrysanthemum.jpg;



}



#boxContainer {



  /* background-color: #ffff99; */



}







#productCartFull td img {



  /* background-color: #ffff99 !important;*/



}







#productCartFull tbody td tbody td ul {



  float: left;



  width: 250px;



}







#productMainDiv div {



  overflow: auto;



  }



  









#prodMiddle tbody table tbody td img {



  width: 100px;



  height: 50px;



  margin-left: 10px;



}







#prodMiddle tbody table {



  width: 300px !important;



}







#prodMiddle tbody table td ul {



  width: 190px;



  



}















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



/****** Recently Hits **********/



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







#recentlyhits {



   width: 960px;



   height: 46px;



   margin: 0 auto;



  padding: 0;



 }







#recentlyhits ul li {



  list-style-type: none;



  margin-left: 0;



  display: inline;



  overflow: auto;



  



}











#recentlyhits ul li a {



  text-decoration: none;



  



}



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

/********* Contact Us Gmap ***************/

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

#mainContent #enregistrement tbody td div {

  padding-left: 70px;





#mainContent #enregistrement table.gmapfp_detail {

  width: 100%;

  text-align: center;



}



#mainContent #enregistrement td.gmap_taille1 {

  width: 30%;

  

}



#mainContent #enregistrement table.gmapfp_detail td.gmapfp_taille1 a.lightboxgmafp {

  border: 1px solid #f81213;

  display: block;

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 25px;

 

}



#mainContent #enregistrement table.gmapfp_detail td.gmapfp_taille2 {

  width: 35%;

  text-align: left;

  padding-left: 30px;

  

} 

  

#mainContent #enregistrement table.gmapfp_detail {

  text-align: left;

  padding-left: 30px;

  border: 1px solid #f81213;

  background-color: #FFF5CF; 

  margin-top: -10px;

}