html,body{

   /*min-height:100%;*/
   margin:0px;

}

body{
   font-family:  verdana, lucida, arial, helvetica, sans-serif;
}


#overall{


   background-color:#2f4365;
    

}

.spacer{clear:both;visibility:hidden;}

/* #################################### LIENS ###################################*/

a:active,a:link,a:visited{
   color:#000;
   text-decoration:underline;
}
a:hover{
   color:#000;
   text-decoration:none;
}

.arrowlinks a:visited,.arrowlinks a:link,.arrowlinks a:active{
   background-image:url(images/redarrow.gif);
   background-repeat:no-repeat;
   background-position:left center;
   padding-left:10px;
   line-height:20px;
   /*font-size:8pt;*/
   color:#000;
   text-decoration:underline;
}
.arrowlinks a:hover{
   background-image:url(images/redarrow.gif);
   background-repeat:no-repeat;
   background-position:left center;
   font-size:8pt;
   color:#000;
   text-decoration:none;
}


/* ######################################### ENTETE ##############################*/


#frameHaut{

   float:left;
   position:relative; 
   width:100%;
   height:110px;
   background-color:#fff;
   background-image:url(images/entete_bg_02.jpg);
   background-repeat:repeat-x;
   background-position:bottom left;

}

#entete{
   /*margin:0 auto;*/
   position:relative;
   width: 900px;	
   height:110px;
   background-color:#ffffff;
   background:url(images/entete_bg_01.jpg) left no-repeat #fff;
   background-position:bottom left;

}


/* ##################################### PAGE / CONTENU ##############################*/



#contenu{
   font-size:10pt;
   float:left;
   position:relative;
   width: 900px;	
   min-height:462px;
   overflow:visible;
   border-right:1px solid #162039;  
   background-color:#a2aeba;
   /*background-color:#2f4365;*/

   background-image:url(images/contenu_bg_01.jpg);
   background-repeat:repeat-y;
   background-position:left;
}

#page{
  float:left;
  position:relative;
  width: 100%;
  /*height: 100%;*/
  border:0px solid #000;
  /*margin:0 auto;*/
   margin-top:0px;
   overflow:visible;
    background-color:#2f4365;

}

#frameRight h3{
   background-image:url(images/dot01.gif);
   background-repeat:no-repeat;
   background-position:center left ;
   padding-left : 20px;
   color:#dfdfdf;
}

#frameRight h4{
   background:url(images/bkg_titre.jpg) #293259 center repeat-y;
   color:#fff;
   border:1px solid #f7ba14;
   min-height:26px;
   text-align:center;
   font-size:13pt;
	width:255px;
	overflow:visible;
   margin:0 auto;
   margin-top:20px;
   margin-bottom:20px;
}

#barre-titre{

   border:1px dotted #fff;
   font-size:12pt;
   font-weight:bold;
   
}

/* ##################################### MENUH ############################ */

#menuH{
   
   position:relative;
   height:43px;
   float:left;
   width: 100%;
   border-top:0px solid #fff;
   border-bottom:0px solid #fff;
   background-color:#ff9205;
    z-index:10;

}

#menuHlinks{
   width:100%;	
   float:left;
   position:relative;
   height:33px;
   text-align:center;
   color:#243257;
   font-size:16px;
   font-weight:bold;
   line-height:33px;
   border:0px solid red;
}

#menuHlinks a:link,#menuHlinks a:active,#menuHlinks a:visited{

    padding:0px 15px;
   text-decoration:none;
   color:#243257;
   background:url(images/fleche01.gif) right center no-repeat ;
   margin-left:0px;
}

#menuHlinks a:hover{
   color:#fff;
}

#menuHbtmbar{
   width:100%;	
   float:left;
   position:relative;
   height:8px;
   border-top:1px solid #fac808;
   border-bottom:1px solid #fac808;
   background-color:#243257;
   overflow:hidden;
}


#menuHlinks #reseau{

   float:left;
  padding-left:165px;
  padding-right:15px;
  background-color:#ffd905;

}

#menuHlinks #agence{

  float:left;
  padding-right:15px;
  border-left:1px solid #2f4365; 
  background-color:#feb900;

}

#menuHlinks #ssll{

  float:left;
   padding-right:15px;
  border-left:1px solid #2f4365;  
  background-color:#ff9205;


}





/* ##################################### FRAMEHAUT ##############################*/




/* ##################################### FRAMELEFT ##############################*/

#frameLeft{

   float:left;
   position:relative;
   width: 180px;	
   background-image:url(images/frameleft_bg_01.jpg);  
   background-repeat:repeat-x;
   background-position:top left;
   border-right:1px solid #162039;
   z-index:2;
   background-color:#2f4365;
}



#imgLeft{
   float:left;
   position:relative;
   width: 180px;	
   height:300px;
   z-index:2;
}

#imgLeftBtm{
   float:left;
   background-image:url(images/rubriques/imgLeftBtm.jpg);
   background-repeat:no-repeat;
   background-position:top left;
   background-color:#2f4365;
   position:relative;
   width: 180px;	
   height:300px;
   z-index:2;
}



#menuLeft{
   float:left;
   position:relative;
   width: 180px;	
   height:118px;
   background-color:#243257;

   
}

#menuLeft div{ 
   color:#fff;
   font-size:16px;
   font-weight:bold;
   line-height:30px;

}

#menuLeft #societe{
   margin-top:5px;
   height:31px;
   background-color:#2f4364;
   border-top:1px solid #97a1b1;
   border-bottom:1px solid #162039;
   text-align:left;
}

#menuLeft #liens{
   margin-top:5px;
   width: 180px;	
   height:31px;
   background-color:#3f5375;
   border-top:1px solid #9fa9ba;
   border-bottom:1px solid #162039;
   text-align:right;

}

#menuLeft #contact{
   margin-top:5px;
   width: 180px;	
   height:31px;
   background-color:#536482;
   border-top:1px solid #9198ab;
   border-bottom:1px solid #162039;
   color:#fff;
   text-align:center;

}

/* ######################################### LIENS ################################ */

#menuLeft a:visited,#menuLeft a:active,#menuLeft a:link{

   text-decoration:none;
   color:#fff;
}

#menuLeft a:hover{

   text-decoration:none;
   color:#ffcc00;
}

/* ##################################### FRAMERIGHT ##############################*/

#frameRight{

   float:left;
   position:relative;
   width: 719px;	
   min-height:800px ;
   height:auto !important;
   height:800px;
   z-index:10;
   border-left:0px solid #162039;
   background-image:url(images/degrade_02.jpg);
   background-repeat:repeat-x;
   background-position:top left;
   background-color:#a2aeba;   
   border-left:1px solid #162039;  
   margin-left:-1px;

}


/* ############################# TABARRONDI ################################# */

.tabarrondi{

   border:1px solid #162039;
}

.tabarrondi .titres{
   background-color:#dfdfdf;
   
}


.tabarrondi td{
   
   border:1px dotted #fff;

}

.messagetable{

   width:75%;
   margin:0 auto;
   padding:5px;
   border:1px solid #fff /*#93cf2b*/;
   background-color:#a2aeba;
   font-size:10pt;
   text-align:center;
}


/* ##################################### FRAMERIGHT ##############################*/

#framePub{

   float:none;

   position:relative;
   margin-left:920px;
   top:0px;
   margin-right:20px;
   z-index:10;
   border:0px solid red;
   

}

.eachpub{
   background-image:url(images/degrade_03.jpg);
   background-repeat:repeat-y;
   background-position:left;
   border:1px solid #fff;
   float:left;
   width:100%;
   border:1px solid #162039;
   border-right:0px;
   background-color:#2f4365;   
   font-size:9pt;
   padding:5px;
   text-align:left;

   margin:0px;
   margin-top:5px;
   overflow:hidden;
}

#framePub a:active,#framePub a:link,#framePub a:visited{

   
   color:#fff;
   text-decoration:none;
   /*font-size:7pt;*/


}

#framePub a:hover{

   text-decoration:none;
}


/* ##################################### BOTTOMRIGHT ##############################*/

#bottomRight{
   clear:both;
   border-top:1px solid #162039;  
   background-color: #2f4365 ;
   font-size:0.7em;
   padding:3px;
   text-align:center;
   color:#fff;

   background-image:url(images/degrade_03.jpg);
   background-repeat:repeat-y;
   background-position:left;
}

#bottomRight a:active,#bottomRight a:link,#bottomRight a:visited{
   
   color:#fff;
   text-decoration:underline;

}

#bottomRight a:hover{

   color:#fff;
   text-decoration:none;
}