html{
    overflow-y:scroll;  
}
body{
    margin:0px;
    font		:	normal 10px Trebuchet MS, sans-serif;
    background:url('/image/interface/corps.jpg') repeat-x top left;
 
    text-align:center;
}
p,td{
        font		:	normal 12px Trebuchet MS, sans-serif;
}

form{
    margin:0px;
    padding:0px;
}
#corps{
     position:relative;
     width:1024px;
     margin:auto;
    text-align:left;
}
#tete{
    position:relative;
    height:86px;
    background-image:url('/image/interface/tete.jpg');
    z-index:3;
    overflow:visible;

}

UL#ariane{
  
   margin:0px;
   padding:0px;  
   list-style-type:none; 
   color:#000234;
   font-size:13px;
   font-weight:bold;
   font-style:italic;
}

UL#ariane A{
    color:#000234;
    text-decoration:none;
}

UL#ariane LI{
    float:left;    
}

UL#menu{
   margin:0px;
   padding:0px;
   color:white;
   list-style-type:none;
   margin-left:390px;
   
   font-size:16px;
   border:0px solid pink;
}
UL#menu LI{
    float:left;
    display:inline-block;

    height:47px;
    margin-top:39px;
    margin-left:-2px;
    *height:86px;
    z-index:1;
}
UL#menu LI a{
   color:white;
   text-decoration:none;
   display:block;
   padding : 18px 10px 0px 10px;
   /*width:85px;*/
   text-align:center;
   font-weight:bold;
   /*height:47px;*/
   height:29px;


}
UL#menu LI a.selectionne,
UL#menu LI a.rollover,
UL#menu LI a:hover{
   color:#ff9d1a;
   font-weight:bold;
   background:url('/image/interface/menu_hover.jpg') repeat-x top left;
}
UL#menu LI.separateur{
    width:5px;
     z-index:2;
    background:url('/image/interface/menu_separateur.png') no-repeat bottom right;
}

UL#menu UL{ 
    font-size:11px;
    position : absolute;
    display:block;
    display:none;
    margin:0px;
    margin-top:-1px;
    padding:0px;
    background:#074b81;
}
UL#menu UL LI{
    width:100% !important;
    position:relative;
    display:block;
    /*min-width:100px !important;*/
    clear:both;
        
    margin:0px;
    padding:0px;
    height:30px;
    background:#074b81;
        
}
UL#menu UL LI a.selectionne,
UL#menu UL LI a.rollover,
UL#menu UL LI A{
    padding:0px;
    padding-left:10px;
    padding-right:10px;
    padding-top:8px;
    background:#074b81;
    height:22px;
    font-weight:normal;
    text-align:left;
    white-space:nowrap;
    display:block;
}
UL#menu UL LI A:hover{
    background:#053e6f;
    font-weight:normal;
}
#tronc{
    z-index:1;
    position:relative;
    background:url('/image/interface/tronc.jpg') repeat-x top left;
    overflow:auto;
    border:0px solid pink;
}
#logo{
    left:0px;
    height:161px;
    width:279px;
    position:absolute;
    background-image:url('/image/interface/logo.png');
    z-index:1;
}
#qualnet{
    left:279px;
    height:39px;
    width:176px;
    position:absolute;
    background-image:url('/image/interface/qualnet.jpg');
    z-index:1;
}
#rayure{
    /*top:-86px;*/
    right:0px;
    height:39px;
    width:178px;
    position:absolute;
    background-image:url('/image/interface/rayure.jpg');
    z-index:1;
}
#ventre{
    position:relative;
    z-index:2;
    overflow:auto;
    margin-bottom:37px;
    border:0px solid green;
    overflow:auto;
}
#colonne{

  width:222px;
  /*width:182px;*/
  float:left;
  margin: 0px 20px;
  margin-top:87px;
}
#colonne .boite{
    position:relative;
    margin-bottom:10px;
}
#colonne .boite .haut{
    color:white;
    height: 22px;
    background:url('/image/interface/boite_haut.png') no-repeat top left;
    font-size:12px;
    font-weight:bold;
}
#colonne .boite .haut h2{
    margin:0px;
    padding:0px;
}
#colonne .boite .haut h2 a,
#colonne .boite .haut span{
    text-decoration:none;
     color:white;   
    font-size:12px;
    font-weight:bold;
    display:inline-block;
    margin:5px 0px 0px 5px;
    padding:0px;
    border:0px solid pink;
}
#colonne .boite .contenu{
    position:relative;
    background:url('/image/interface/boite_contenu.jpg') repeat-y top left;
    color:#000234;
    min-height:25px;
    font-size:11px;
    text-align:justify;
    z-index:2;
}
#colonne .boite .contenu span.box-image{
    display:block;
    border:1px solid #91a4c4;
    /*margin:auto;*/
    margin : 0px auto;
    margin-bottom:5px;
    width:166px;
    background-color:white;
    overflow:auto;
    text-align:center;
}
#colonne .boite .contenu span.box-image IMG{
    
}

#colonne .boite .contenu .bt{
    height:25px;
    width:45px;
    position:absolute;
    bottom:-4px;
    right:8px;
}
#colonne .boite .contenu .lasuite{
    display:block;
     position:absolute;
    bottom:-4px;
    right:8px;   
    background:url('/image/interface/la_suite.png') no-repeat top left;
    height:18px;
    width:32px;
}
#colonne .boite .contenu p{
    margin:auto;
    /**/
    padding:0px;
    padding-bottom:10px;
    padding-top:5px;
    width:166px;
}

#colonne .boite .contenu form{
    padding  :15px 0px ;
}
#colonne .boite .contenu .inputNewsletter{
    width:100%;
    border:1px solid #91a4c4;
}
#colonne .boite .bas{
    z-index:1;
    height: 10px;
    background:url('/image/interface/boite_bas.png') no-repeat top left;
}
#contenu{
  border:0px solid pink;


  width:715px;
    float:left;
   margin-top:26px;
}
#contenu H1{
    display:inline-block;
    padding-left:90px;
    line-height:43px;
    color:#ea9d37;
    width:622px;
    /*width:712px;*/
    *width:712px;
    height:45px;
    background:url('/image/interface/h1.png') no-repeat top left;
    font-size:20px;
}

a{
    color:#184380;
    text-decoration:none;
}

a.bouton{
    border:0px solid black;
    text-decoration:none;
    display:inline-block;
    color:white;
    text-align:center;
    line-height:27px;
    background:url('/image/interface/accueil_bt.png') no-repeat 0px 0px;
    width:123px;
    height:27px;
    font-size:12px;
    
}

a.bouton:hover{
    background-position : 0px -27px;
}
input.submit{
    color:white;
    border:0px solid black;
    width:100px;
    height:27px;
    background:url('/image/interface/submit.png') no-repeat 0px 0px;
}
.label{
    width:200px;
    
    text-align:left;
}
td.label,
td.form{
    padding:5px 0px;
}

label.obligatoire{
    font-weight:bold;
}
#pied{
    position:relative;
    height:105px;
    background:url('/image/interface/pied.jpg') repeat-x bottom left;
}
#perso{
    position:absolute;
    height:74px;
    width:98px;
    bottom:28px;
    right:45px;
    background:url('/image/interface/perso.png') no-repeat bottom left; 
}
#pied_logo{
    position:absolute;
    height:92px;
    width:179px;
    bottom:0px;
    left:45px;
    background:url('/image/interface/pied_logo.png') no-repeat bottom left;  
}
#pied_rayure{
    position:absolute;
    height:28px;
    width:53px;
    bottom:0px;
    left:265px;
    background:url('/image/interface/pied_rayure.jpg') no-repeat bottom left;  
}
#menu_pied{
    position:absolute;
        bottom:5px;
        left:605px;
        font-size:11px;
        color:white;
}
#menu_pied a{
color:white;
}
.orange{
    color:#ff9d1a;
}
.blanc{
    color:white;
}
.bleu{
color:#0068b4;
}
.fond-orange-1,
.fond-orange-2{
    display:block;
    color:white;
    font-size:16px; 
    width:357px;
    font-weight:bold;
    padding-top:7px;
    padding-left:10px;
    *width:367px;
}
.fond-orange-1{
    background:url('/image/interface/fond_orange_1.png') no-repeat 0px 0px;
    height:30px;
    *height:40px;
    
}
.fond-orange-2{
    background:url('/image/interface/fond_orange_2.png') no-repeat 0px 0px;
    height:47px;
    *height:57px;
}
.bandeau{
    display:block;
    margin:10px 0px;
    padding:0px;
    padding-top:1px;
    
    padding-left:70px;
    
    line-height:17px;
    background:url('/image/interface/bandeau.jpg') repeat-x 0px 0px;

    font-size:12px;
    font-weight:normal;
    color:white;
}
a.bt_dyn,a.bt_doc,a.bt_conseil{
    text-decoration : none;
    color:#09227f;
    display:block;  
    height:27px;
    width:220px;
    font-size:10px;
    padding-left:105px;
    padding-top:36px;
    
    *height:63px;
    *width:325px;    
}
a.bt_dyn:hover,
a.bt_doc:hover,
a.bt_conseil:hover{
background-position: 0px -63px;
}
a.bt_dyn{
   background:url('/image/interface/dyn.png') no-repeat 0px 0px;
}

a.bt_doc{
   background:url('/image/interface/doc.png') no-repeat 0px 0px;
}
a.bt_conseil{
   background:url('/image/interface/conseil.png') no-repeat 0px 0px;
}

.fond_bloc_accueil
{
    background-image: url('/images/banque-images/accueil.jpg');
}