/*--------------------------------------------------------*/
/* AUTEUR      : Chanh T.Do [ www.thoransoft.com ]        */
/* DATE        : 2007.02.20                               */
/* DESCRIPTION : Feuille de style pour le site eXplorance */
/*--------------------------------------------------------*/

body{/* background-color: #e0eafa;*/
     background-color: #ffffff; /*#caccfd;*/
     color: black;
     margin: 0px;
     font-family: Arial, Helvetica;
     font-size: 8.8pt;
     text-align:left;
     background-image:url(../images/backgroundSite.gif);
     background-repeat:repeat-y;}

/*--------------------------------------------------------*/
/* S T Y L E   P O U R   H E A D E R
/*--------------------------------------------------------*/
#conteneurheader {position: relative;
                  margin: 0px 0px 2px 2px;
                  width: 761px;
                  height: 128px;
                  background-image:url(../images/header.gif);
                  background-repeat:no-repeat;
                  text-align:left;}

#headermnu {position: absolute;
            top: 5px;
            left: 101px;
            margin: 0px;
            width: 639px;
            height: 18px;
            text-align:right;
            font: 1em Arial, Helvetica;
            color: #002e60;
            font-weight: bold;}

#headerQuote {position: absolute;
              top: 35px;
              left: 263px;
              margin: 0px;
              width: 639px;
              height: 28px;
              text-align: left;
              font: 1.65em Helvetica, Arial;
              color: #ffffff;
              font-weight: normal;
              font-style: italic;}


/*--------------------------------------------------------*/
/* S T Y L E   P O U R   B O D Y
/*--------------------------------------------------------*/
#conteneurmain {/*position: relative;*/
                margin: 0px 0px 0px 2px;
                width: 761px;
                height: 460px;
                border-top-style: solid;
                border-top-width: 3px;
                border-top-color: white;
                background-image:url(../images/mainbg50x50.gif);
                background-repeat:repeat-y;}

#tablemain {margin: 0px;
            width: 761px;
            height: auto;
            background-image:url(../images/mainbg50x50.gif);
            background-repeat:repeat-y;}

#conteneurbottom {margin: 0px 0px 0px 2px;
                  width: 761px;
                  height: 30px;
                  background-color: #f08a00;
                  color: white;
                  font: 1.1em Arial, Helvetica;
                  text-align: center;}

#conteneurdemohead {margin: 0px;
                    width: 380px;
                    height: 30px;
                    background-color: #f08a00;
                    color: white;
                    font: 1.1em Arial, Helvetica;
                    font-weight: bold;
                    text-align: center;}

#conteneurcomments {margin: 10px 0px 0px 0px;
                    width: 380px;
                    height: 23px;
                    color: black;
                    font: 1em Arial, Helvetica;
                    font-weight: normal;
                    text-align: left;}


/*--------------------------------------------------------*/
/* S T Y L E   P O U R   I M A G E S
/*--------------------------------------------------------*/
/* Image Page Home (index) */
#img1 {margin: 15px 0px 0px 16px;
       padding: 0px;
       width: 339px;
       height: 239px;
       -moz-opacity: 0; opacity: 0;}

/* Image Page Company */
#img2 {margin: 15px 0px 0px 16px;
       padding: 0px;
       width: 179px;
       height: 228px;
       -moz-opacity: 0; opacity: 0;}

#img3 {margin: 15px 0px 0px 16px;
       padding: 0px;
       border: solid 1px #cccccc;
       text-align: left;}

#img4 {margin: 15px 0px 0px 16px;
       padding: 0px;
       width: 179px;
       height: 228px;}

/*--------------------------------------------------------*/
/* S T Y L E   P O U R   B L O C K
/*--------------------------------------------------------*/
/* Template 50x50 */
#block1 {margin: 15px 0px 0px 18px;
         padding: 0px;
         width: 335px;
         height: 171px;
         /*border: solid 1px black;*/ }

/* Template 30x70 */
#block2 {margin: 15px 0px 0px 18px;
         padding: 0px;
         width: 175px;
         height: 171px;
         font-family: Arial, Helvetica;
	     font-size: 1em;
	     color: #0e3969;
         /* border: solid 1px black; */}

.block3 {background-color: #ffffff;
         font-family: Arial, Helvetica;
	 font-size: 1em;
        }
         
.BlockDate {margin: 0px;
            width:370px;
            height:auto;
            background-image:url(/images/block1.gif);
            background-repeat:repeat-y; }

.BlockDate2 {margin: 0px;
            width:480px;
            height:40px;
            background-image:url(../images/block1.gif);
            background-repeat:repeat-y;}

.BlockDate3 {margin: 0px;
             width: 761px;
             border-top: 1px solid #d2ddef;
             background-image:url(../images/block3.gif);
             background-repeat:repeat-y;}
            
.BlockProd {margin: 0px;
            width:370px;
            height:135px;
            background-image:url(../images/block1.gif);
            background-repeat:repeat-y;}

#blockIndex {margin: 15px 0px 0px 18px;
             padding: 0px;
             width: 330px;
             height: auto;
             /*border: solid 1px black;*/ }

/*--------------------------------------------------------*/
/* S T Y L E   P O U R   P A G E S   A D M I N
/*--------------------------------------------------------*/
.conteneurmain_adm {margin: 1px 0px 0px 2px;
                    width: 761px;
                    height: 442px;
                    border-top-style: solid;
                    border-top-width: 3px;
                    border-top-color: white;
                    background-image:url(../images/mainbg50x50.gif);
                    background-repeat:repeat-y;}

.bottom_adm {margin: 0px;
             width: 761px;
             height: 21px;
             background-color: #f08a00;}

.conteneurmain_admT {margin: 1px 0px 0px 2px;
                     width: 761px;
                     border-top-style: solid;
                     border-top-width: 3px;
                     border-top-color: white;
                     background-image:url(../images/mainbg10x90.gif);
                     background-repeat:repeat-y;}

.conteneurmain_admD {margin: 0px 0px 0px 2px;
                     width: 761px;
                     height: 350px;
                     background-image:url(../images/mainbg10x90.gif);
                     background-repeat:repeat-y;}

.conteneurmain_admB {margin: 0px 0px 0px 2px;
                     width: 761px;
                     background-image:url(../images/mainbg10x90.gif);
                     background-repeat:repeat-y;}


/*--------------------------------------------------------*/
/* S T Y L E   P O U R  S L I D E S H O W
/*--------------------------------------------------------*/
.slidebox {/*position: absolute;
           top: 570px;
           left: 150px;*/
           margin: 0px 0px 0px 10px;
           /* border: solid 1px #ffffff; */
           width: 360px;
           height: 110px;}

.slidebox2 {position: absolute;
            top: 375px;
            left: 595px;
            /* border: solid 1px #ffffff; */
            width: 168x;
            height: 106px;}

.slideimg {-moz-opacity: 0; opacity: 0;}


/*---------------------------------------------------------*/
/* S T Y L E   P O U R  P R E V I E W   I M A G E
/*---------------------------------------------------------*/
#preview_div {display: none;
              position: absolute;
              top: 100px;
              left: 100px;
              z-index:110;
              border-style: solid;
              border-color: #ffffff;
              border-width: 2px;
              background-color: #e4e3e3;
              text-align: center;}

#loader_container {text-align: center;
                   position: absolute;}

#loader {position: absolute;
         font-family: Arial, Helvetica;
	 font-size: 10px;
	 color: #000000;
	 background-color: #ffffff;
	 width: 350px;
	 height: 450px;
	 border: 2px solid #f5f3f3;
	 text-align: center;
	 z-index:255;}

#loader_bg {background-color:#EBEBE4;
	    position:relative;
	    top:8px; left:8px; height:7px;
	    width:113px; font-size:1px;}

#progress {height:5px;
	   font-size:1px;
	   width:1px;
	   position:relative;
	   top:1px;
	   left:10px;
	   background-color:#9D9D94;}

.preview_temp_load {vertical-align:middle;
	            text-align:center;
	            padding: 10px;}

.preview_temp_load img{vertical-align:middle;
	               text-align:center;}



/*---------------------------------------------------------*/
/* S T Y L E   P O U R   L O G I N   S C R E E N
/*---------------------------------------------------------*/
.login {position: absolute;
        top: 170px;
        left: 200px;
        width: 300px;
        height: 200px;
        border-style: solid;
        border-color: #cccccc;
        border-width: 1px;
        text-align: center;
        font: 1em Arial, Helvetica;
        font-weight: normal;
        color: #0e3969;}

#Header_jo1 {/*position: relative;*/
                width: 216px;
                height: 30px;
                background-color: #f08a00;}

#Header_jo2 {width: 216px;
             background-image:url(../images/bluedegrad.gif);
             background-repeat:repeat-y;
             text-align: center;}

#Header_jo3 {width: 216px;
             background-image:url(../images/yellowdegrad.gif);
             line-height:1.7;
             background-repeat:repeat-y;}

#Header_jo3_noline
            {width: 216px;
             background-image:url(../images/yellowdegrad.gif);
             background-repeat:repeat-y;}

#Header_jo4 {/*position: relative;*/
             width: 216px;
             height: 40px;
             background-color: #5493C9;}

#Header_jo5 {/*position: relative;*/
             width: 540px;
             height: 10px;
             background-color: #5493C9;}


.whitetext { color: white;
             font: 1.2em Arial, Helvetica;
             font-weight: bold;
             text-align: center;
            }

.text_gros {color: #0e3969;
            font: 1em Arial, Helvetica;
            font-weight: normal;
            text-align: center;}

.text_gros2 {color: #0e3969;
            font: 1em Arial, Helvetica;
            font-weight: normal;
            text-align: left;}

.text_gros3 {color: #0e3969;
            font: 1em Arial, Helvetica;
            font-weight: normal;
            text-align: left;}

#conteneurmainJo {/*position: relative;*/
                margin: 0px 0px 0px 2px;
                width: 761px;
                height: 460px;
                border-top-style: solid;
                border-top-width: 3px;
                border-top-color: white;
                background-image:url(../images/mainbg30x70.gif);
                background-repeat:repeat-y;}

.text1small {color: #0e3969;
        font: 0.9em Arial, Helvetica;
        padding-left: 20px;
        font-weight: normal;
        text-align: left;}

.kword {font:bold 9pt Arial, Verdana; margin:0px 0px 0px 15px;}
.h1_kw {display:none;}

.calendar {position:absolute; margin:1px 0px 0px 3px;}
.inputTxtTitle {font-family:Arial, Helvetica; font-size:1em; width:488px;}
.content_area {font-family:Arial, Helvetica; font-size:1em; width:488px;}
.ligne {width:97%; height:2px; border-top:1px solid #aaa;}

.backToTop {text-align:right; width:95%; margin-top:10px;}
.backToTop A{font:1em Helvetica;}
.backToTop A:link {text-decoration: underline; color: #002e60; font-weight: normal;}
.backToTop A:visited {text-decoration: underline; color: #002e60; font-weight: normal;}
.backToTop A:active {text-decoration: underline; color: #002e60; font-weight: normal;}
.backToTop A:hover {text-decoration: underline; color: #f08a00; font-weight: normal;}