@CHARSET "UTF-8";
.clear { clear: both; }
* html #poststuff { height : 100% ;width:100% }
* html .wrap { height : 1%; }
html{ height: 100%;width:100%}
body { border : none ; background : #e8e8e8 ;  margin : 0px ;padding : 0px ; font : 12px "Arial"; text-decoration : none ; color : #000000 ;  height:100% ; width:100%;  }
a:hover{text-decoration:none ; color:inherit }
a:active{text-decoration:none ;color:inherit}
a:visited{text-decoration:none ;color:inherit}
a:link{text-decoration:none ;color:inherit}

.content { background : #152532 url(images/trame-bleue.png) left top ; margin-left:auto ; margin-right:auto ; width:940px ; height:auto ;}
.header { background : url(images/bande-rouge.png) no-repeat center top ; width: 980px ; height : 10px ; margin-left:auto ;margin-right:auto ; margin-left:-20px ; }
.footer{  width: 940px ;}
.barre-rouge{background : url(images/bande-rouge.png) no-repeat  center bottom; width: 980px ; height:10px ; margin-left:-20px ; bottom : 0px ;}
.submenu-top{ float:right ;margin:20px;font-size : 10px ;color:#ffffff ; }
.bton-imprimer{ background : url(images/icone-imprimer.png) no-repeat ; padding-left:20px;}
.bton-imprimer a{ text-decoration:none ; }
.logo-entete{ background : url(images/logo-ariane-entete.png) no-repeat left top ; width : 470px ; height: 106px ; margin-top:30px;margin-bottom:30px; }

.menu{background :#ffffff ;width:900px; height:44px ; margin-left:auto ; margin-right:auto ; margin-bottom:1px;}
.menu ul{width:100% ; height:100%;margin:0px; padding:0px;}
.menu ul li{ background :#d6d7d3 ; border-right:1px solid #2b4b66 ;text-align:center; font-size:14px ;list-style : none ; float:left ; }
.menu ul li a{ display:block ;background :#d6d7d3 ; color:#000000 ; text-decoration:none ;text-align:center; font-size:14px ; width:100% ; padding-top:15px; height:29px ;}
.menu ul li a:hover{ background :#ffffff ; color:#000000 ; }
.menu .of{ background :#ffffff ; color:#000000 ;  text-decoration:none ;text-align:center; font-size:14px ; width:100% ; padding-top:15px; height:29px  }
.menu .bton-messagerie{ background :#c42500 ; color:#ffffff ; border:none ; text-align:center; }

.rubrique{ background:#fff url(images/trame-grise.png) left top ; width:900px ; height:auto; margin-left:auto ; margin-right:auto ; margin-bottom:1px ;padding-bottom:50px }
.rubrique .chapeau{ width:100%; height:212px; background:url(images/demi-cercle-rouge.png) no-repeat 20px center ;}
.rubrique .chapeau .text{ float:left; font:36px"Times";word-spacing:1px;color:#e62b00;letter-spacing:1px;line-height:36px;width:589px; height:172px; padding-left:55px;padding-top:40px;}
.rubrique .separation{ width:430px; border-bottom:1px solid #152532 ;margin:20px;}
.rubrique .block-text{background:none ; width:620px ; margin-left:20px ;word-spacing:1px;line-height:18px;}
.message{ margin-left:20px ;word-spacing:1px;line-height:18px; }
.rubrique .colonne-text{ width:225px ; margin-left:20px ;word-spacing:1px;line-height:18px;}
.rubrique .block-largeur-total{ width:100% ;margin-top:40px}
.rubrique .block-largeur-total img {border:0px}
.rubrique .block-largeur-total ul{width:100% ; height:100%;margin:0px; padding:0px;}
.rubrique .block-largeur-total ul li { list-style : none ; float:left ; }
.rubrique .block-largeur-total ul li a:hover{text-decoration:none ; color:inherit }
.rubrique .block-largeur-total ul li a:active{text-decoration:none ;color:inherit}
.rubrique .block-largeur-total ul li a:visited{text-decoration:none ;color:inherit}
.rubrique .block-largeur-total ul li a:link{text-decoration:none ;color:inherit}
.rubrique .block-largeur-total.liste ul { position:relative ;height:auto; margin-top:40px }
.rubrique .block-largeur-total .liste ul li { width:225px ; list-style-image : url(images/puce-grise.png) ; margin-bottom:16px }

.societe{ height:785px; background: url(images/fond-carte-france.png) no-repeat }
.methodes{  height:995px; background: url(images/fond-balance.png) no-repeat }
.contacts{  height:690px; background: #fdfdfd url(images/fond-contacts.png) no-repeat }

.rubrique .block-largeur-total .bton-menu-home{ background: none ;height:438px; width:225px;padding-top:29px  }
.rubrique .block-largeur-total .bton-menu-home .content{ background: none ;height:380px; width:184px ; border-right:1px solid #2b4b66 ;padding-right:20px; padding-left:20px ;   }
.rubrique .title{ font:16px"Times";font-weight: bold; font-style: italic ; color:#000000 }
.rubrique .title2{ font:12px"Times";font-weight: bold;  color:#000000 }
.rubrique .texte{ width:100% }

.rubrique .block-largeur-total .bton-menu-home .content .image{ position:relative ; height:170px; width:224px; left:-20px ; top:20px ; overflow:hidden ; margin-bottom:0px}
.rubrique .block-largeur-total .bton-menu-home .content ul { position:relative ;height:auto; margin-top:40px }
.rubrique .block-largeur-total .bton-menu-home .content ul li { /padding-left:10px ; /background: url(images/puce-grise.png) no-repeat 0px 5px ;list-style-image : url(images/puce-grise.png) ; margin-bottom:16px ; color:#000000}

.rubrique .block-largeur-total .bton-menu-home-over{ cursor:pointer;background:  url(images/bandes-rouge-menu.png) no-repeat 0px 0px ; height:438px; width:225px;padding-top:29px    }
.rubrique .block-largeur-total .bton-menu-home-over .content{ background:none ; height:380px; width:184px; border-right:1px solid #2b4b66 ;padding-right:20px; padding-left:20px ;}
.rubrique .block-largeur-total .bton-menu-home-over .content .title{ font:16px"Times";font-weight: bold; font-style: italic ; color:#c42500 }
.rubrique .block-largeur-total .bton-menu-home-over .content .image{ position:relative ; height:170px; width:224px; left:-20px ; top:20px ; overflow:hidden ; margin-bottom:0px ; }
.rubrique .block-largeur-total .bton-menu-home-over .content .image img{ position:relative ; top:-170px ;  }
.rubrique .block-largeur-total .bton-menu-home-over .content ul { position:relative ;height:auto; margin-top:40px }
.rubrique .block-largeur-total .bton-menu-home-over .content ul li { /padding-left:10px ; /background: url(images/puce-grise.png) no-repeat 0px 5px ; list-style-image : url(images/puce-grise.png) ; margin-bottom:16px }

.menu-footer{background :#a2a193 ;width:900px; height:44px ; margin-left:auto ; margin-right:auto ; margin-top:0px;margin-bottom:10px;}
.menu-footer ul{width:100% ; height:100%;margin:0px; padding:0px;}
.menu-footer ul li{ background :#d6d7d3 ; border-left:1px solid #2b4b66 ;text-align:center; font-size:12px ;list-style : none ; float:right ; }
.menu-footer ul li a{ display:block ;background :#d6d7d3 ; color:#1e3548 ; text-decoration:none ;text-align:center; font-size:12px ; width:100% ; padding-top:15px; height:29px ;}

.menu-footer .bton-suivant{ background:url(images/fleche-suivante-bleue.png) no-repeat 155px 15px  ;}
.menu-footer .bton-suivant:hover{ background:#ffffff url(images/fleche-suivante-bleue.png) no-repeat 155px 15px  ; color:#1e3548 ;}
.menu-footer .bton-precedent{ background:url(images/fleche-precedente-bleue.png) no-repeat 23px 15px  ; }
.menu-footer .bton-precedent:hover{ background:#ffffff url(images/fleche-precedente-bleue.png) no-repeat 23px 15px  ;color:#1e3548 ; }

.footer .zone-partenaire{ background:#fff url(images/trame-grise.png) left top ; width:860px ; height:100px ; margin-left:auto ; margin-right:auto ; padding:20px}
.footer .zone-partenaire .title{ font:16px"Times";font-weight: bold; font-style: italic }
.footer .zone-partenaire .paneau-partenaire { width:100% ;margin-left:auto ; margin-right:auto ; }
.footer .zone-partenaire .paneau-partenaire img{ border:0px }
.footer .zone-partenaire .paneau-partenaire ul{ width:650px; height:100px ;margin-left:auto ; margin-right:auto ; }
.footer .zone-partenaire .paneau-partenaire ul li {float:left ; list-style:none }