/***************************************/
/* GENERAL CLASSES */       
.MyBody     { 
    font-family: Arial; 
    font-size:12px; 
    color:#000000; 
    padding:0px;    
    padding-bottom:15px;  
    margin: 0px;
    margin-bottom:15px; 
    background-color: #CCCCCC;
    text-align:center;
}

#wrapper    {
    width:922px;
    margin:0 auto;
    text-align:left;
    /*border: solid 1px red;*/
}
/* GENERAL CLASSES */       
/***************************************/




/***************************************/
/* SPACER CLASSES */
div.clear_both   {    
    clear:both;
    padding:0px;
    margin:0px;
}
/* SPACER CLASSES */
/***************************************/




/***************************************/
/* HEADER CLASSES */       
#div-header-01  {
    /*background-image: url("../images/contenu/header-01.jpg");
    background-position: top left;
    background-repeat: no-repeat;*/
    height: 200px;    
}
#div-header-02  {
    background-image: url("../images/contenu/header-02.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    height: 200px;    
}
#div-header-03  {
    background-image: url("../images/contenu/header-03.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    height: 200px;    
}
/* HEADER CLASSES */       
/***************************************/



/***************************************/
/* MENU CLASSES */ 
#div-menu   {
    margin: 0px;
    padding: 0px;
    position: relative;
    height: 57px;
}
      
#div-menu div.menu-01    {
    background-image: url("../images/menu/menu-01-up.jpg");    
    width: 320px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    float: left;
}
#div-menu div.menu-01-on    {
    background-image: url("../images/menu/menu-01-over.jpg");    
    width: 320px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    float: left;
}
#div-menu div.menu-01 a {
    display: block;
    height: 57px;
    cursor: pointer;    
}
#div-menu div.menu-01 a:hover {
    background-image: url("../images/menu/menu-01-over.jpg");    
}

.middle1    {
    background-image: url("../images/menu/middle1-menu1-up.jpg");    
    width: 23px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    left: 320px;
    float: left;
}
.middle1-menu1-on   {
    background-image: url("../images/menu/middle1-menu1-over.jpg");
    width: 23px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    left: 320px;
    float: left;    
}

.middle1-menu2-on   {
    background-image: url("../images/menu/middle1-menu2-over.jpg");
    width: 23px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    left: 320px;
    float: left;    
}

#div-menu div.menu-02    {
    background-image: url("../images/menu/menu-02-up.jpg");
    width: 175px;
    height: 57px;
    position: absolute;
    left: 343px;
    float: left;    
}
#div-menu div.menu-02-on    {
    background-image: url("../images/menu/menu-02-over.jpg");
    width: 175px;
    height: 57px;
    position: absolute;
    left: 343px;
    float: left;    
}
#div-menu div.menu-02 a {
    display: block;
    height: 57px;
    cursor: pointer;    
}
#div-menu div.menu-02 a:hover {
    background-image: url("../images/menu/menu-02-over.jpg");    
}

.middle2    {
    background-image: url("../images/menu/middle2-menu2-up.jpg");    
    width: 23px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    left: 518px;
    float: left;
}
.middle2-menu2-on    {
    background-image: url("../images/menu/middle2-menu2-over.jpg");    
    width: 23px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    left: 518px;
    float: left;
}
.middle2-menu3-on    {
    background-image: url("../images/menu/middle2-menu3-over.jpg");    
    width: 23px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    left: 518px;
    float: left;
}

#div-menu div.menu-03    {
    background-image: url("../images/menu/menu-03-up.jpg");
    width: 198px;
    height: 57px;
    position: absolute;
    left: 541px;
    float: left;    
}
#div-menu div.menu-03-on    {
    background-image: url("../images/menu/menu-03-over.jpg");
    width: 198px;
    height: 57px;
    position: absolute;
    left: 541px;
    float: left;    
}
#div-menu div.menu-03 a {
    display: block;
    height: 57px;
    cursor: pointer;    
}
#div-menu div.menu-03 a:hover {
    background-image: url("../images/menu/menu-03-over.jpg");    
}

.middle3    {
    background-image: url("../images/menu/middle3-menu3-up.jpg");    
    width: 23px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    left: 739px;
    float: left;
}
.middle3-menu3-on    {
    background-image: url("../images/menu/middle3-menu3-over.jpg");    
    width: 23px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    left: 739px;
    float: left;
}
.middle3-menu4-on    {
    background-image: url("../images/menu/middle3-menu4-over.jpg");    
    width: 23px;
    height: 57px;
    line-height: 57px;
    position: absolute;     
    left: 739px;
    float: left;
}

#div-menu div.menu-04    {
    background-image: url("../images/menu/menu-04-up.jpg");
    width: 160px;
    height: 57px;
    position: absolute;
    left: 762px;   
    float: left;    
}
#div-menu div.menu-04-on    {
    background-image: url("../images/menu/menu-04-over.jpg");
    width: 160px;
    height: 57px;
    position: absolute;
    left: 762px;   
    float: left;    
}
#div-menu div.menu-04 a {
    display: block;
    height: 57px;
    cursor: pointer;    
}
#div-menu div.menu-04 a:hover {
    background-image: url("../images/menu/menu-04-over.jpg");    
}
/* MENU CLASSES */       
/***************************************/




/***************************************/
/* CONTENT CLASSES */       
#div-content-container    {
    margin: 0px;
    padding: 0px;
    background-color: white;
    width: 898px;
    border: solid 1px #E6E6E6;
    border-top: none;
    border-bottom: none;
}

#div-content-home   {    
    margin: 0px;
    padding: 30px 55px 30px 55px;    
}
#div-content    {                       
    margin: 0px;
    padding: 30px 55px 30px 80px;    
    /*border: solid 1px red;*/
}

#div-submenu    {    
    margin: 0px;
    padding: 0px;
    float: left;
    width: 310px;
    /*border: solid 1px red; */
}

#div-submenu-home    {    
    margin: 0px;
    padding: 0px;
    float: left;
    width: 310px;
    
    font-family: Arial;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    color: #666666;
    /*border: solid 1px red; */
}
#div-submenu-home h1    {
    margin: 0px;
    padding: 0px;
    padding-bottom: 25px;
    font-family: Arial;
    font-size: 35px;
    font-weight: normal;
    color: #0083D7;
    line-height: 35px;
}

#div-under-submenu-graphique    {    
    /*border: solid 1px red;*/
    text-align: right;
    margin: 140px 0px 0px 0px;
    padding: 0px 20px 20px 0px;
}
#div-under-submenu-graphique-source {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
}

#div-content-text-home   {     
    /*border: solid 1px red;*/
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    width: 425px; 
    float: right;
}
#div-content-text   { 
    /*border: solid 1px red;*/
    margin: 0px;
    padding: 0px;
    width: 450px;
    float: right;
    
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    color: #666666;
}

.lien-text-blue  {
    color: #003965;
    text-decoration: none;
}
.lien-text-blue:hover  {
    color: #0083D7;   
}

.text-blue  {
    color: #003965;
}

#div-content-text-home p,
#div-content-text p {
    margin: 0px;
    padding: 0px;
    margin-bottom: 25px;
    line-height: 22px;  
}

#div-content-text h1, 
#div-content-text-home h1    {
    margin: 0px;
    padding: 0px;
    padding-bottom: 25px;
    font-family: Arial;
    font-size: 35px;
    font-weight: normal;
    color: #0083D7;
    line-height: 35px;  
}

ul  {
    list-style: disc;
    margin: 0px 0px 0px 20px;
    padding: 0px !important;
}
ul li   {
    list-style-image: url("../images/contenu/tite_fleche_go.png"); 
    margin: 0px;
    padding: 0px 0px 10px 0px !important;
}

#div-submenu ul {
    list-style-image: none !important;
}
#div-submenu ul li {
    list-style-image: none !important;
}


#div-submenu ul     {
    list-style: none;
    margin: 0px;
    padding: 0px !important;
}
#div-submenu ul li     {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 8px 0px !important;
}
#div-submenu ul li a    {
    font-family: Arial;
    font-size: 20px;
    font-weight: normal;
    color: #0083D7;
    text-decoration: none;
}
#div-submenu ul li a:hover    {
    color: #003965;
}
#div-submenu ul li a.on    {
    color: #003965;
}


#div-video-container    {
    float: left;
    margin: 0px;
    padding: 0px;    
}
#div-video1-titre-home {
    padding-top:15px;
    padding-left: 4px;    
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #003965;
    height: 30px; 
}
#div-video1-texte-home {
    padding-top:15px;
    padding-left: 4px;
    margin: 0px;
    margin-bottom: 40px;    
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #003965;  
}

#div-video1-titre, 
#div-video2-titre {
    padding-top:15px;
    padding-left: 4px;
    width: 210px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #003965;
    height: 30px; 
    
}
#div-video1-titre-high, 
#div-video2-titre-high {
    padding-top:15px;
    padding-left: 4px;
    width: 210px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #003965;
    height: 60px; 
    
}
#div-video1-texte, 
#div-video2-texte {
    padding-top:15px;
    padding-left: 4px;
    margin: 0px;
    margin-bottom: 40px;
    width: 210px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #003965;  
}

#div-video1-texte-home p   {
    margin: 0px;
    padding: 0px;    
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    line-height: 18px;
}

#div-video1-texte p,
#div-video2-texte p   {
    margin: 0px;
    padding: 0px;    
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    line-height: 18px;
}
.blue-arrow {
    color: #0083D7;
    font-weight: bold;
}
/* CONTENT CLASSES */       
/***************************************/



/***************************************/
/* FORMULAIRE CLASSES */ 
.table-form {
     width: 450px;
}
.table-form tr  {
    vertical-align: top;    
}
.table-form tr th  {
    text-align: left;
    padding-bottom: 15px;
    font-size: 16px;
    color: #003965;
}
.table-form tr th.th-padding-top    {
    padding-top: 20px;
}
.td-label-salutation    {
    /*text-align: left;*/
    padding-bottom: 15px;
    font-size: 14px;      
}      
.td-label   {
    /*text-align: right;*/
    padding-bottom: 15px;
    font-size: 14px;
    width: 170px;
}
.td-label-without-padding   {    
    padding-bottom: 15px;
    font-size: 14px;    
}
.td-padding-bottom  {
    padding-bottom: 15px;
}
.textLeft   {
    text-align: left;
}
.td-empty   {
    width: 15px;
}
.TextboxForm    {
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    border: solid 1px #0083D7;
    width: 230px;    
}
.ComboboxForm   {
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    border: solid 1px #0083D7;
    width: 232px;    
}
.TextboxFormShort   {
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    border: solid 1px #0083D7;
    width: 100px;
}
.TextboxFormXShort  {
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    border: solid 1px #0083D7;
    width: 50px;
}
.TextareaForm   {
    overflow: auto;
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    border: solid 1px #0083D7;
    width: 230px;
}
.BoutonForm {
    font-size: 14px;  
    border: solid 1px #0083D7;
    background-color: #EDEEF0;
    color: #003965; 
}
.td-button  {
    text-align: right;
    padding-right: 32px;
}
.td-label-required  {
    /*text-align: right;*/
    padding-bottom: 15px;
    font-size: 12px;
}
.required-field {
    color: #CC0000;
    font-weight: bold;
}
.required-field-hidden  {
    visibility: hidden;
}
.td-erreur  {
    text-align: right;
    font-size: 14px;
    color: #CC0000;
    padding-right: 46px;
    padding-bottom: 5px;
}
/* FORMULAIRE CLASSES */       
/***************************************/




/***************************************/
/* FOOTER CLASSES */       
#div-footer  {
    background-image: url("../images/contenu/bg-footer-repeat-y.jpg");
    background-position: top left;
    background-repeat: repeat-y;
    padding-right: 78px;
    font-family: Arial;
    font-size: 12px;
    color: #666666;
}
#div-footer-left    {
    float: right;            
    width: 200px;
    /*border: solid 1px red;        */
}
#div-footer-right    {
    float: right;
    margin-right: 33px;
    width: 505px;
}
.div-footer-text-left    {
    padding-bottom: 5px;
    border-bottom: solid 1px #999999;
}
.div-footer-text-right    {
    padding-bottom: 5px;
    border-bottom: solid 1px #999999;
}
#div-footer-bottom  {
    background-image: url("../images/contenu/bg-footer.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    height: 39px;             
}

#div-copyright  {
    font-size: 12px;
    color: #F2F2F2;
    padding: 15px 0px 0px 55px;
}
/* FOOTER CLASSES */       
/***************************************/