/*******GENERAL*******************************************************/

html,body{
    margin:0px;
    }

body{
    background:#87846c;
    font-family:Verdana,Arial,Helvetica;
    font-size:100%
    }

a { font-family:Verdana,Arial,Helvetica;
    color:#4d4d4d;
    text-decoration:none;
    outline:0;
    }

#centre {width:900px;margin:20px auto;}


/*******INDEX*******************************************************/
#mon_flash{font-size:0.7em;}
#centre-index {width:819px;height:100%;margin:0 auto;}
    #kehrer_fr{float:left;width:494px;height:565px;
    background:url("images/index/kehrer-fr.jpg")top left no-repeat;}
    #kehrer_en{float:left;width:494px;height:565px;
    background:url("images/index/kehrer-en.jpg")top left no-repeat;}
    #kehrer_fond{float:left;width:315px;height:565px; color:#ffffff;
    background:url("images/index/kehrer-fond.jpg")top left no-repeat; font-size:0.7em;line-height:17px;padding-left:10px;}

    #kehrer_fond h1{font-size:1.5em;margin-top:70px;}
    span.point{font-size:0.7em;margin-right:6px;}
    
    td.bande{height:256px;background:url("images/index/kehrer-bande.gif")bottom left repeat-x;vertical-align:top;}
    
    div.bt_entrer{position:relative; top:80px; left:40px;}
 
 /*******BT ENTER*******************************************************/

a.fleche_enter
    {
    background:url("images/site/bt_enter_a.gif") no-repeat scroll top right;
    color:#444444;
    display:block;
    float:left;
    font:normal 12px arial, sans-serif;
    height:24px;
    margin: 0 6px 15px 0;
    padding-right:18px;
    text-decoration:none;
    }
a.fleche_enter span 
    {
    background:url("images/site/bt_enter_span.gif") no-repeat;
    display:block;
    height:14px;
    line-height:14px;
    padding:5px 0 5px 42px;
    }

a.fleche_enter:hover
    {
    background-position:bottom right;
    outline: none; /* hide dotted outline in Firefox */
    }

a.fleche_enter:hover span
    {
    background-position:bottom left;
    /*padding: 6px 0 4px 18px;  /*push text down 1px */
    }    

/*******MENU LANGUE*******************************************************/
    
#menu_lang {text-align:center;}
#menu_lang li {display:inline;margin:1px;}
#menu_lang li span {background:url("images/site/fond_bouton_actif.png") bottom repeat-x;
            border:1px solid #d8d9da;
            padding:6px 10px;}
#menu_lang li a {display:inline;padding:6px 10px;}

/*******MENU LEVEL*******************************************************/

#level1 {text-align:center;font-size:0.8em;}
#level1 li {display:inline;margin:1px;}
#level1 li span {background:url("images/site/fond_bouton_actif.png") bottom repeat-x;
            border:1px solid #d8d9da;
            padding:6px 10px;}
#level1 li a {display:inline;padding:6px 10px;}

#level2 {width:230px;font-size:0.8em;}
#level2 li {display:block;height:28px;line-height:28px;text-align:left;text-indent:15px;margin:2px;}
#level2 li a {display:block;height:28px;line-height:28px;text-align:left;text-indent:15px;}

/*******MENUS COMMUNS*******************************************************/
#cadre_menu {
    float:left;
    }
    
#visuels {
    position:relative;
    top:2px;
    height:192px;
    width: 226px;
    margin:0 -2px 0 2px;
    padding:0;
    }    
    
#menu_lang, #level1, #level2 {
    margin:0;
    padding:0;
    list-style:none;
    }
    
#menu_lang li, #level1 li, #level2 li {
    background:url("images/site/fond_bouton_actif.png") bottom repeat-x;
    margin-bottom:-1px;
    color:#ffffff;
    } 

#menu_lang li a, #level1 li a, #level2 li a {
    background:url("images/site/fond_bouton.png") top repeat-x;
    border:1px solid #d8d9da;
    margin-bottom:-1px;
    color:#4d4d4d;
    text-decoration:none;
    }

#menu_lang li a:hover, #menu_lang li a:focus, #menu_lang li a:active,
#level1 li a:hover, #level1 li a:focus, #level1 li a:active,
#level2 li a:hover, #level2 li a:focus, #level2 li a:active {
    background:url("images/site/fond_bouton.png") 50px repeat-x;
    } 

/*******PAGE*******************************************************/


#cadre_menu {
    float:left;
    }
    
#page {
    float:left;
    background:#ffffff;
    border:1px solid #d8d9da;
    margin:2px 0 0 10px;
    padding:0px;
    width:580px;
    min-height:300px;
    }
   


#level3 span.titre h1 {display:inline; font-size:0.9em;color:#383838;margin:0px;margin-bottom:5px;} 
#level3 span.titre h2 {display:inline; font-size:0.75em;color:#7b96cf;margin:0px;margin-bottom:5px;} 
#level3 span.titre {display:block;margin:-20px -20px 40px -20px; padding:5px 5px 5px 10px;}
/*#level3 span.titre {display:block;margin:-20px -20px 40px -20px;border:1px solid #dae0eb; background:#e8ecf4; padding:5px 5px 5px 10px;}*/
#level3 span.titre span.espace {display:inline;padding:0 10px 0 10px;}

#level3 p {font-size:0.75em;line-height:1.45em;color:#424242;margin-bottom:20px;}
#level3 span.label {display:block;font-size:0.6em;color:#424242;font-weight:bold;margin-bottom:5px;}
#level3 {margin:0;list-style:square;margin:30px;}
#level3 ul {margin:20px;padding:0;}
#level3 li {font-size:0.75em;color:#424242;margin:0px;padding:0;}
#level3 span.filet {display:block;border-bottom:1px solid #d8d9da;width:105%; margin: 10px 0 10px -20px;clear:both;}
#level3 span.date {display:block; width:40px; float:left; font-size:0.6em;color:#424242;font-weight:bold;height:14px;line-height:14px;padding:5px 0 5px 0;}
#level3 span.langue {display:block; width:60px; float:left; font-size:0.6em;color:#424242;font-weight:bold;height:14px;line-height:14px;padding:5px 0 5px 0;}
#level3 h3 {font-size:0.75em;color:#383838;margin: 15px 0 15px 0;}
#level3 h3.souligne {font-size:0.75em;color:#383838;padding:0 0 5px 0;margin:25px 0 15px 0;border-bottom:1px solid #d8d9da;}

#level3 h4 {margin:0px;}


div.box_centre {margin:30px;}

span.lien_simple {background:url("images/site/puce_lien_simple.gif") no-repeat 0px 4px;padding:0 0 0 13px; font-size:0.75em;color:#7b96cf;text-decoration:underline;margin:0;display:block;}
a:hover span.lien_simple {color:#383838;}

/*******BOUTONS PAGE*******************************************************/


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

div.clear_both {clear:both;}
div.float_right {float:right;margin:0;}
div.float_left {float:left;margin:0;}


/*******BT PETIT CLASSIQUE*******************************************************/


a.pt_classic_bt1 
    {
    background:url("images/site/corner_bt1_a.gif") no-repeat scroll top right;
    color:#444444;
    display:block;
    float:left;
    font:normal 12px arial, sans-serif;
    height:24px;
    margin: 0 6px 15px 0;
    padding-right:10px;
    text-decoration:none;
    }
a.pt_classic_bt1 span 
    {
    background:url("images/site/classic_bt1_span.gif") no-repeat;
    display:block;
    height:14px;
    line-height:14px;
    padding:5px 0 5px 10px;
    }

a.pt_classic_bt1:hover
    {
    background-position:bottom right;
    outline: none; /* hide dotted outline in Firefox */
    }

a.pt_classic_bt1:hover span
    {
    background-position:bottom left;
    /*padding: 6px 0 4px 18px;  /*push text down 1px */
    }



/*******BT CLASSIQUE*******************************************************/


a.classic_bt1 
    {
    background:url("images/site/corner_bt1_a.gif") no-repeat scroll top right;
    color:#444444;
    display:block;
    float:left;
    font:normal 12px arial, sans-serif;
    height:24px;
    margin: 0 6px 15px 0;
    padding-right:18px;
    text-decoration:none;
    }
a.classic_bt1 span 
    {
    background:url("images/site/classic_bt1_span.gif") no-repeat;
    display:block;
    height:14px;
    line-height:14px;
    padding:5px 0 5px 18px;
    }

a.classic_bt1:hover
    {
    background-position:bottom right;
    outline: none; /* hide dotted outline in Firefox */
    }

a.classic_bt1:hover span
    {
    background-position:bottom left;
    /*padding: 6px 0 4px 18px;  /*push text down 1px */
    }
    

/*******BT FLECHE*******************************************************/

a.fleche_bt1
    {
    background:url("images/site/corner_bt1_a.gif") no-repeat scroll top right;
    color:#444444;
    display:block;
    float:left;
    font:normal 12px arial, sans-serif;
    height:24px;
    margin: 0 6px 15px 0;
    padding-right:18px;
    text-decoration:none;
    }
a.fleche_bt1 span 
    {
    background:url("images/site/fleche_bt1_span.gif") no-repeat;
    display:block;
    height:14px;
    line-height:14px;
    padding:5px 0 5px 28px;
    }

a.fleche_bt1:hover
    {
    background-position:bottom right;
    outline: none; /* hide dotted outline in Firefox */
    }

a.fleche_bt1:hover span
    {
    background-position:bottom left;
    /*padding: 6px 0 4px 18px;  /*push text down 1px */
    }    

/*******BT DOWNLOAD*******************************************************/

a.download_bt1
    {
    background:url("images/site/corner_bt1_a.gif") no-repeat scroll top right;
    color:#444444;
    display:block;
    float:left;
    font:normal 12px arial, sans-serif;
    height:24px;
    margin: 0 6px 15px 0;
    padding-right:18px;
    text-decoration:none;
    }
a.download_bt1 span 
    {
    background:url("images/site/download_bt1_span.gif") no-repeat;
    display:block;
    height:14px;
    line-height:14px;
    padding:5px 0 5px 28px;
    }

a.download_bt1:hover
    {
    background-position:bottom right;
    outline: none; /* hide dotted outline in Firefox */
    }

a.download_bt1:hover span
    {
    background-position:bottom left;
    /*padding: 6px 0 4px 18px;  /*push text down 1px */
    }
 
/*******BT DOC*******************************************************/

a.doc_bt1
    {
    background:url("images/site/corner_bt1_a.gif") no-repeat scroll top right;
    color:#444444;
    display:block;
    float:left;
    font:normal 12px arial, sans-serif;
    height:24px;
    margin: 0 6px 15px 0;
    padding-right:18px;
    text-decoration:none;
    }
a.doc_bt1 span 
    {
    background:url("images/site/doc_bt1_span.gif") no-repeat;
    display:block;
    height:14px;
    line-height:14px;
    padding:5px 0 5px 35px;
    }

a.doc_bt1:hover
    {
    background-position:bottom right;
    outline: none; /* hide dotted outline in Firefox */
    }

a.doc_bt1:hover span
    {
    background-position:bottom left;
    /*padding: 6px 0 4px 18px;  /*push text down 1px */
    }  




/*******BT FORMULAIRE*******************************************************/

input.bt_100{
     border:none;
     color:#444444;
     background: url("images/site/bt_100.gif") no-repeat top left;
     width:100px;
     height:24px;
}

a:hover input.bt_100 {
    cursor:pointer;
    background: url("images/site/bt_100.gif") no-repeat bottom left;
}

/*******ESPACES*******************************************************/

div.spacer20 {display:block;height:20px;}
div.spacer30 {display:block;height:30px;}
div.spacer40 {display:block;height:40px;}