.tool_bar                { width:100%; height: 22px; margin:0px; padding:0px; border:0px; vertical-align:middle; border-bottom:1px solid #aaa; background:#fff; color:#000 }
.tool_bar .divider       { background:url('../images/lh_divider.gif') no-repeat center; width:3px; display:inline;}

/*<group=File Upload List>*/
  #list_body               { width: 100%; }
  #list_body tr td         { font: 11px Arial; line-height:16px; border: 0px; height: 16px; padding: 0px 0px 0px 4px; cursor: pointer; vertical-align:middle; }
  #list_body .on           { background:#FFF1D5;}
/*</group>*/


/*<group=Upload Bar>*/
  #upload_bar              { background: #FFF1D5; border: 1px solid #BFB1A5; height: 12px; padding: 0px;  margin: 0px; }
  #upload_bar div          { background: #000000; border: 1px solid #BFB1A5; height: 12px; line-height:12px; font-size:10px; margin: 0px; padding: 0px; }
  .upload_filename         { color: rgb(0,0,0);  font-weight: bold;font-size: 12px;}
  .upload_stats            { color: rgb(100,100,100);font-size: 10px;}
/*</group>*/

a.bulle {
  text-decoration: none;
  color: red;
  position: relative;
}

a.bulle span {
  display: none;
  text-decoration:none;
}

a.bulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500;
  text-decoration:none;
}

a.bulle:hover span {
  color: #000000;
  position: absolute;
  left: 0px;
  top: 20px;
  background: #00CCFF;
  width: 350px;
  display:inline;
}


body {
    background-color:#98bbef;
    margin:0;
    background-image:  url("images/fond-bulles1.jpg");
    background-repeat: repeat-x;
    font-family:  Helvetica, Arial, sans-serif;    
}

/* TOP BANNER *************************************************** */
#banner {
    height: 149px;
    background:url(images/sitedesign_jeremy_023.png) center;
    /*background-color:#FF0000;*/
    width:100%;
    min-width:1100px;
    background-repeat: no-repeat;

}
#banner_suite {
    
    height: 30px;
    background:url(images/sitedesign_jeremy_033.png) center no-repeat ;
    width:100%;
    min-width:1100px;
    margin-bottom:0px;
    <!--[if IE]>
    width:1100px;
    margin-bottom:-2px;
    <![endif]-->
    
    /*background-color:#6597cb;*/
    /*background-repeat: repeat-x;*/
}

#menubouteilletop{
  height: 200px;
  background:url(images/menubouteilletop_3.png) left no-repeat ;
  width:180PX;
}

iframe{
    background-color:#FFFFFF;
}

.imgBannerLeft {
    z-index: 2;
    position: absolute;
    top : 8px;
    left: 1em;
    border:none;
}

.imgBannerRight {
    z-index : 1;
    position:absolute;
    top: 68px;
    right:8px;
    border : none;
}

.preinscription{
  font-size:18px;
  /*background-color: #66CCFF;*/
}
/*.imgBannerCenter {
    z-index : 0;
    background-color:#6597cb;
    height:70px;
    width:80%;
    position:absolute;
    top: 68px;
    right:400px;
    border : none;
}*/


div.loginBanner {
    z-index : 3;
    position:absolute;
    right:1em;
    top:20px;
    color:#000000;
    font-size:10px;
    text-align : right;
	padding-left: 30px;
}

#identificationform{
    text-align : right;
    font-weight : bold;
    font-size : 10px;
    color : #000000;
}

.idinput{
    background-color:#ffffff;    
    font-size:10px;    
    font-family:Times New Roman;
    color:#000066;
    font-weight: bold;      
    width : 125px;  
    /* not compatible with CSS 
    -moz-border-radius: 8px; */
}

.idsmallinput{
    background-color:#ffffff;    
    font-size:10px;    
    font-family:Times New Roman;
    color:#000066;
    font-weight: bold;      
    width : 70px;
    /* not compatible with CSS 
    -moz-border-radius: 8px; */
}

.textred {
    color : #FF0000;
}

.textgreen{
    color : #00FF00;
}

a:link, a:visited {
    text-decoration:none;
    color : #0000FF;
}

a:hover{
    text-decoration : underline;
}

.submitLink {
   color: #00f;
   background-color: transparent;
   text-decoration: underline;
   border: none;
  }
  
 .navigationpages {
    color : #2200FF;
    margin-top : 10px;
    text-align:center;
}
.navigationpages a{
    color : #2200FF;
    text-decoration : none;
}


/* tableaux */

.tableresult {
    border-collapse: collapse;
}

.tableheader{
    background-color : #000066;
    color : #FFFFFF;
    border : none;
}

.lignepair {
    background-color : #99CCFF;
}

.ligneimpair {
}

/* sous Menu */

#sousmenublock{
  	/*float: left;*/
	width: 100%;
	height: 25px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
  margin-bottom : 5px;
    
}

ul#sousmenu {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    /*padding-left:50px;*/
    border-bottom: 1px solid  #2222FF;
    margin: 0px;

}
ul#sousmenu li {
    float: left;
    height: 21px;
    background-color: #3B9CDB;
    /*margin: 2px 42px 0px -40px;*/
    margin: 2px 2px 0px 0px;
    border: 1px solid #2222FF;
    white-space: nowrap;
}

ul#sousmenu li.active {
    background-color: #000066;
}

ul#sousmenu li.disabled {
    border-bottom: 1px solid #999999;
    background-color: #999999;
}


#sousmenu a:link, #sousmenu a:visited{
	text-align : left;
	display: block;
	float: left;
	height: 10px;
	padding: 0px 10px 0px 2px;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#sousmenu a:hover {
    color : #000000;
	background-color:#FFFFFF;
}

/***************************
 *
 *  Main table 
 *  
 **************************/
.mainTable{
  /*width:100%;*/
  width:1100px;
  max-width: 1100px; 
  background:#ffffff; 
  margin: auto;

}

.colMenu {
    vertical-align:top;
    width : 50px;
}

.colContent {
    text-align:left;
    vertical-align : top;
    padding-left: 50px;
    /*max-width:1050px;*/
}

/* Style for Users presentation*/
.userinformations{
    border : solid 1px #6597CB;
    background-color: #0033CC;
    margin-bottom : 3px;
}

.imglink{
    border :none;
}

.imglinkencadrant{
    border :1px solid  red;
}

.photoplongeur{
    height : 100px;
    border : none;
}   

/* CONTENT ****************************************************** */
#content {
    /*float: right;*/
    /*background-color: #FF0000; */
    /*background-image : url(../images/fond_tank.png);*/
    text-align: left;
    width:100%;
    max-width: 1100px; 
}

/* CONTENT ****************************************************** */
#contentPA {
    /*float: right;*/
    padding-left: 10px;
    /*background-color: #FF0000; */
    /*background-image : url(../images/fond_tank.png);*/
    text-align: left;
    width:100%;
    max-width: 1100px; 
}

/* bottom banner ****************************************************** */
#footer {
    background:url(images/sitedesign_jeremy_14.jpg) center no-repeat;
	text-align:center;
	height: 46px;
	width:100%;
    min-width:1100px;
}

/**************************
 *
 *      LE MENU
 *       
 *  ***********************/

.navigation {
      margin: 0px;
      margin-top:-4px;
      padding:0px;
      list-style: none;
      width: 175px;
      font-family: Arial, Helvetica, sans-serif;
      font-family: sans-serif;
      color: #1E3374;
      font-size : 14px;
      font-weight: bold;
      text-decoration: none;
}
.navigation a, .navigation span {
      display: block;
      padding: 4px 20px;
      text-decoration: none;
      background: #000 url(images/menu-item.png);
      background-position: bottom left;
      background-repeat: no-repeat;
      }
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(images/menu-item-deroule.png);
      background-position: bottom left;
      background-repeat: no-repeat;
      }
.navigation .open a, .navigation .open span {
      background-image: url(images/menu-item-enroule.png);
      background-position: bottom left;
      background-repeat: no-repeat;
      }
.navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
.navigation .subMenu {
      /*color : #000000;*/
      display: block;
      background: url(images/menu-item.png) 0 0 repeat-y;
      font-size: .9em;
      margin: 0;
      padding: 0;
    }
.navigation ul.subMenu a {
      /*color: #000000;*/
      text-decoration: none;
      background-color:#FF0000;
      padding: 3px 20px;
      padding-left:30px;
      background: url(images/menu-item.png) 0 0 repeat-y;  
}
    
div#LeSousMenu {
    float : left;
    width: 130px;
    margin-left: 0px;
    border:none;
    padding-right: 0px;
    padding-bottom : 10px;
    
    /*background-image: url(images/fondmenubouteille.jpg);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/

    width : 175px;
    height: 600px;
    margin-top:0px;
  
    /*border-right:solid 1px #000066;*/
    /*background-color : #3B9CDB;*/
}

#LeSousMenu ul { 
  list-style: none;
}

      
      /**************** fin du nouveau menu 
#LeMenu {
    float : left;
    width: 150px;
    margin-left: 0px;
    border:none;
    padding-right: 0px;
    padding-bottom : 10px;
}



#accolade-epug{
color : #FFFFFF;
height: 230px;
width: 15px;
position: absolute;
margin-left : -20px;
text-align:center;
background-color: #1476b7 ;
}


.menupasepug{
text-align:left;
padding-left : 15px;
}

.menuepug{
text-align : left;
padding-left : 32px;
}
*/
.encadrement {
    padding: 0.2em;
    border: solid 1px #6597CB;
}

.disable{

}

input.livredor{   
 background-color:#99CCFF;    
 font-size:15px;    
 font-family:Times New Roman;
 color:#000066;
 font-weight: bold;        
} 



/**************************
 *
 *      NEWS
 *       
 *  ***********************/
 
.news{
    padding: 0.2em;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-left: 00px;
    margin-top : 10px;
    /*background:#00FFFF;*/
}

.newspa{
    padding: 0.2em;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-left: 00px;
    margin-top : 10px;
    /*background:#00FFFF;*/
}

.newspa ul{
  padding-left: 20px;
}
.newspa li{
    list-style: none;
    border-bottom:dotted 1px #55AAFF;
} 

.newsred{
    padding: 0.2em;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top : 10px;
}

.newsNoBorder{
    padding: 0.2em;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top : 10px;
}

.newstitre{
    font-weight:bold; 
    font-size:14px;
}

.newsdetails, .newsdetails a{
  font-size:10px;
  color:#CCCCCC;
}

.newstexte, .newstexte a{
  text-decoration:none;
  color:#000000;
}

.newstextefull a{
  text-decoration:none;
  color:#0000FF;
}
.newssuite{
  font-size:10px;
  color:#CCCCEE;
  text-align:right;
}
/**************************
 *
 *      ENCART RESPONSABLES
 *       
 *  ***********************/
.responsables{
    vertical-align: top;
    padding-top: 35px;
    text-align : center;
    margin-bottom : 10px;
    margin-right : 4px;
    margin-top : 20px;
    width:220px;
    /*border-left:solid 1px #AAAAFF;*/
    background: url(images/sitedesign_08.jpg) top right no-repeat;
}