html, body {
width:100%;
margin:10px; 
padding:0px;
background:#ffffff;
}

#global {
width:900px;
height:100%;
border:1px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
}

#header{
font-family:arial;
margin-top:0px;
color:Blue;
font-size:30px;
height:200px;
text-align:right;
background:#fff;
background-image:url("images/body_bg_180_j.jpg");
background-repeat:no-repeat;
}

#header a{
font-family:arial;
font-size:50px;
font-weight: bold;
color:#C1010D;
text-decoration:none;
height:100px;
}

#acontent{
width:150px;
height:40px;
background:#fff;
}

#hmenu { 
display: block; 
float: left; 
width:100%;
margin-top:0px;
padding: 3px 0; 
}

#hmenu a { 
display: block;
background-image:url("images/menu_bg.png"); 
float: left; 
color:#C1010D; 
text-align:left;
font-family:arial;
font-size:11px; 
font-weight: bold;
width:200px; 
text-decoration:none; 
padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
} 
#hmenu a:hover {  
color:#000; 
background-image:url("images/menu__hover_bg.png");
}

#hmenu_header { 
display: block; 
background-image:url("images/bg_hmenu.png");
float: left; 
width:100%;
margin-top:30px;
margin-bottom:0px;
font-family:arial;
font-size:11px; 
color:white;
padding: 3px 0; 
}

#hmenu_header_top { 
display: block; 
background-image:url("images/bg_hmenu.png");
float: left; 
width:100%;
margin-top:0px;
font-family:arial;
font-size:11px; 
color:white;
padding: 3px 0; 
}

/* CSS du menu vertical, bieler batiste */

.menu{
    /*position:absolute;*/
    /* solve a Opera7/IE display bug */
    width:200px;
    width/**/:200px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
    padding:0;
	font-family:arial;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:200px;
    width/**/:200px;
    }
    
.menu li ul{
    visibility:hidden;
	background:#ffffff;
    }
            
.menu li ul{
    margin-left:200px; /* be careful */
    margin-top:-24px;
    }
    
.menu a{
    text-align:left;
    background-image:url("images/menu_bg.png");
    color:#C1010D;
    font-weight:bold;
	font-family:arial;
	font-size:11px; 
    display:block;
    width:200px;
    text-decoration:none;
    margin:0;
    padding:5px 0 5px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
background-image:url("images/menu__hover_bg.png");
    color:#000;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #333;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:200px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #eee;
    }

.menutab{
text-align:top;
background-image:url("images/body_bg.png");
background-repeat:no-repeat;
width:100%;
}

.input { 
background-color:#CCFFFF;
border-width:1px;
border-color:#cccccc;
color:#336699;
font:helvetica;
font-weight:bold;
font-size:10px;
height:15px;
/*text-transform:uppercase;*/
}

/***************************************************
                      TABLE CONTENT
***************************************************/
table.content {
font-size : 10px;
font-family : helvetica;
font-weight:bold;
color : #000000;
width:640px;
border:2px solid #000;
}

tr.content{
background-color:#ccc;
border-width:1px solid #000;
border-color:#cccccc;
text-align: left;
}

td.contentright{
border-width:0px;
text-align: right;
width:20%;
vertical-align:top;
}

td.contentleft{
border-width:0px;
border-color:#cccccc;
text-align: left;
width:20%;
vertical-align:top;
}

/***************************************************
                      TABLE HEAD
***************************************************/
table.head {
font-size : 12px;
font-family : helvetica;
font-weight : bold;
color : #ffffff;
background-color: #a9a9a9;
width:640px;
}

tr.head{
background-color:#ccc;
border-width:0px;
border-color:#cccccc;
text-align: left;
width:25%;
}

td.head{
background-color:#ccc;
border-width:0px;
border-color:#cccccc;
text-align: left;
width:25%;
}
div#corps{
background-image:url("images/body_bg_180.png");
background-repeat:no-repeat;
margin-top:0px;
}

div#bloc1 {
  float: left;
  width:200px;
  padding:0px;
    border-right:1px solid #bbbbbb;
}

div#bloc0 {
  float: left;
  width:698px;
  border-left:1px solid #bbbbbb;
  background-image:url("images/bg_content.gif");
  background-repeat:no-repeat;
  }
div#bloc2 {
  float: left;
  width:900px;
  height:30px;
  padding:5px 0 5px;
  color:#555555;
  font-family:arial;
  font-weight:bold;
  font-size:11px;
  background-image:url("images/menu_bg.png");
}
div#bloc3 {
  background-image:url("images/body_bg_180.png");
  background-repeat:no-repeat;
  }
 
 .titreorange{
 color:#C1010D;
 font-family:arial;
 font-weight:bold;
 font-size:20px;
 }
  .titrenoir{
 color:#000;
 font-family:arial;
 font-weight:bold;
 font-size:20px;
 }

  .textecontenu{
 color:#000;
 font-family:arial;
 font-size:11px;
 } 
 
 .bodylink {
 color:#c1010D;
 font-family:arial;
 font-weight:bold;
 font-size:11px;
 text-decoration:none;
 }
 
 .brochure {
   background-image:url("images/bg_brochure.png");
  background-repeat:no-repeat;
  width:200px;
  height:30px;
  border:0px;
  color:#c1010D;
  font-family:Arial;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
 }
 .brochure a{
  width:200px;
  height:30px;
  border:0px;
  color:#c1010D;
  font-family:Arial;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
 }
 
 .hliste{
    margin-top:0px;
    background-image:url("images/bg_liste_header.png");
    color:white;
    font-family:arial;
    font-weight:bold;
    font-size:11px;
    width:500px;
    height:15px;
 }
  .liste{
    background-image:url("images/bg_liste.png");
    color:#c0101d;
    font-family:arial;
    font-weight:bold;
    font-size:11px;
    width:500px;
    height:50px;
 }
   .liste a{
    color:#c0101d;
    text-decoration:none;
    font-family:arial;
    font-weight:bold;
    font-size:11px;
    width:500px;
    height:50px;
 }
 .tarif{
    background-image:url("images/bg_tarif.png");
    position:relative;
    color:#c0101d;
    font-family:arial;
    font-weight:bold;
    font-size:11px;
    margin-left:500px;
    margin-top:0px;
    width:50px;
    height:50px;
    vertical-align:center;
 }
 
 table.checkbx{
font-size : 11px;
font-family : helvetica;
font-weight:bold;
color : #000000;
width:620px;
}

/***************************************************
                      TABLE MOTIVATION
***************************************************/
table.motivation {
border-width:2px;
border-style:solid;
border-color:#000;
width:640px;
font-size : 11px;
#font-family : helvetica;
#font-weight:bold;
color : #000000;
}
td.motivation{
border-width:0px;
text-align: left;
width:25%;
vertical-align:top;
}
.submit{
background:white; 
cursor:default; 
align:center;
border:solid 0px #fff;
}
.image{
border:none;
align:center;
background:white; 
cursor:default; 
border:solid 0px #fff;
}
 .boutonimg{
    margin-top:0px;
    border:solid 1px #000;
    color:white;
    font-family:arial;
    font-weight:bold;
    font-size:11px;
    width:100px;
 }
 .inputmotiv { 
background-color:#CCFFFF;
border-width:1px;
border-color:#cccccc;
color:#336699;
font:arial;
font-weight:bold;
font-size:11px;
}
.verif{
font:helvetica;
color:#C0101D;
}
.infobulle{
  color: #000000;
  position: absolute;
  visibility : hidden;
  border: 1px solid #000;
  /*padding: 10%;*/
  font-family: Trebuchet MS;
  align: center;
  font-size: 10pt;
  height:100px;
  width:300px;
  background-image: url('images/bg_infobulle.gif');
  background-repeat:no-repeat;
}

 .fontinfobulle{
    color:#c0101d;
    font-family:arial;
    font-weight:bold;
    font-size:11px;
 }
 td.listdatab{
background-color:#c0ffe0;
border-width:0px;
text-align: left;
vertical-align:top;
color:auto;
width:auto;
text-align:left;
}

td.listdatav{
background-color:#e0e0ff;
border-width:0px;
text-align: left;
vertical-align:top;
color:auto;
width:auto;
text-align:left;
}
td.listhead{
background-color:#aaaaff;
border-width:0px;
text-align: left;
vertical-align:top;
color:white;
width:auto;
text-align:center;
}