/* feuille de style /xhtml 1 - css 2 / du portail hublot.net */
/* mise en forme avec minimum tableaux pour compatibilité */
/* EXEMPLE astuces pour Opera
html>#menuhaut li a {width:100px; }*/


/*****************  html elements   ***************************/
body {

margin-left: 100px;
padding: 0px;
font-size: 12px;
color: Black;
font-family: Verdana,Bitstream Vera Sans, sans-serif;
/*background-color: #F97806;*/
/*------------------------FOND AVEC DES ROND ORANGE VIRER (rond.gif)------------------------------------------------*/
/*background-image:  url(../images/rond2.gif);*/
background-image: url(../images/rond2.gif) ;



/*background-color: #F0F0F0;*/
/*-------------------------------------------------------------------------------------------------------*/
}


p {
     font-family: Verdana, Bitstream Vera Sans, sans-serif;
     font-size: 12px;
     }
     
 td {
font-family:  Verdana, 'Bitstream Vera Sans', sans-serif;
font-size: 12px;
color: #000000;
}

img {
border:none;
}

hr {
background-image:  url(../images/hr.gif);
}
h1 {
	font-family: Verdana, Bitstream Vera Sans, sans-serif;
	font-weight: lighter;
	font-size: 18px;
	margin: 0px;
}
h2 {
	font-family: Verdana, Bitstream Vera Sans, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
  }

A, A:LINK ,A:VISITED{
	color: #000000;
	font-family: 'Century Gothic', Verdana,  'Bitstream Vera Sans', sans-serif;
	font-size: 13px;
   text-decoration: none;

}
A:HOVER {
       /* color: #FF6633;
        font-family: 'Century Gothic', Verdana, 'Bitstream Vera Sans', sans-serif;
        font-size: 13px;
       	text-decoration: none;*/
	   
	   	color:#333333;
		background-color:#91B2D3;
		text-decoration:none;
}

A:ACTIVE {
        color: #000000;
        font-family: 'Century Gothic',  Verdana, 'Bitstream Vera Sans', sans-serif;
     /*   font-family: Arial, 'Century Gothic', Verdana, 'Bitstream Vera Sans', sans-serif;*/
        font-size: 13px;
        text-decoration: none;
}
/********************* classes *////////////////
.nolist {
list-style: none; 
margin:0px;
}

.nolist li {
list-style: none; }

.SUITE {
background-image: url(../images/topmenu.jpg);
font-family: Verdana, Bitstream Vera Sans, sans-serif;
font-size: 9px;
color: white;
padding:1px;
border-bottom:1px solid #FF6633;
}
a.SUITE, a.SUITE:link, a.SUITE:visited{
/*background-image: url(../images/topmenu.jpg);*/
background:white;
font-family: Verdana, Bitstream Vera Sans, sans-serif;
font-size: 9px;
color: black;
padding:0px;
border-bottom:1px solid #FF6633;
}
 a.SUITE:hover, a.SUITE:active {
/*background-image: url(../images/upmenu.jpg);*/
background:white;
font-family: Verdana, Bitstream Vera Sans, sans-serif;
font-size: 9px;
text-decoration: none;
color: black;
padding:1px;
border:1px solid #FF6633;
}
.agendaTB { 
/*background-image:url();*/
width:100%;
}
.agendaTB td { 
/*background-image:url();*/
text-align:left;
vertical-align: top;
}

.HR {

	height: 2px;
  margin:5px;
  margin-left: 0px;
	margin-right: 0px;
  border-bottom: 2px dashed #B9B9B9;
	
}


.HEADER {
	color: #FF6633;
	font-family: Century Gothic, Verdana, Bitstream Vera Sans, sans-serif;
	font-size: 18px;
  /*font-weight:bold;*/
	text-decoration: none;
  padding:3px;
  background-color: white;
}

.SHEADER {
	color: #FF6633;
	font-family: Century Gothic, Verdana, Bitstream Vera Sans, sans-serif;
	font-size: 16px;
  /*font-weight:bold;*/
	text-decoration: none;
}
.TEXTBOX_STANDARD {

	font-family: Verdana, Bitstream Vera Sans, sans-serif;
	font-size: 12px;
 /*color: #000087;
  border-style: indent;
  border-width: 1px;*/
  padding:1px;
}
.TXT,A.TXT:VISITED,A.TXT:ACTIVE,A.TXT:LINK {
	color: black;
	font-family: Verdana, Bitstream Vera Sans, sans-serif;
	font-size: 9px;

}
A.TXT:HOVER  {
   color: #1975A3;
	font-family: Verdana, Bitstream Vera Sans, sans-serif;
	font-size: 9px;
  text-decoration: underline;
}



.NOIR {
 color: #000000;
 font-family: Verdana, Arial, Bitstream Vera Sans,  sans-serif;
 font-size: 12px;
 font-weight: light;
  }
A.NOIR, A.NOIR:LINK, A.NOIR:VISITED {
	color:#000000;
	font-family: Verdana,Bitstream Vera Sans, sans-serif;
 font-size: 12px;
 font-weight: light;
	text-decoration: none;
	word-spacing: 2px;
}
A.NOIR:HOVER {
 color: #2270BA;
font-family: Verdana,Bitstream Vera Sans, sans-serif;
 font-size: 12px;
 text-decoration: underline;
}
A.NOIR:ACTIVE {
 color:#000000;
font-family: Verdana,Bitstream Vera Sans, sans-serif;
 font-size: 12px;

}


.BLEU, a.BLEU:LINK, a.BLEU:VISITED{
	color: #2270BA;
	font-family: Verdana,Bitstream Vera Sans, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-style: italic;
}

a.BLEU:HOVER  {
color: #000000;
font-family: Verdana, Bitstream Vera Sans, sans-serif;
font-size: 12px;
text-decoration: underline;
}
a.BLEU:ACTIVE  {
color: #2270BA;
font-family: Verdana, Bitstream Vera Sans, sans-serif;
font-size: 12px;
text-decoration: none;
}

.ROUGE {
color: #FF0000;
font-family: Verdana, 'Bitstream Vera Sans',  sans-serif;
font-size: 12px;
}
a.ROUGE, a.ROUGE:link, a.ROUGE:visited {
font-family: Verdana, 'Bitstream Vera Sans',  sans-serif;
font-size: 12px;
color: #FF0000;
text-decoration: none;
}
a.ROUGE:hover, a.ROUGE:active{
font-family: Verdana, 'Bitstream Vera Sans',  sans-serif;
font-size: 12px;
color: #FF0000;
text-decoration: underline;
}
.ORANGE {
  color: #FF6633;
	font-family: Verdana, Bitstream Vera Sans, sans-serif;
  	}
a.ORANGE:LINK, a.ORANGE:VISITED {
	color: #ED5523;
	font-family: Verdana, Bitstream Vera Sans, sans-serif;
  font-size: 12px;
	text-decoration: none;
}
a.ORANGE:HOVER  {
	color: #F34004;
font-family: Verdana, Bitstream Vera Sans, sans-serif;
font-size: 12px;
	text-decoration: underline;
}
a.ORANGE:ACTIVE  {
	color: #FF6633;
	font-family: Verdana, Bitstream Vera Sans, sans-serif;
  font-size: 12px;
	text-decoration: none;
}
.ONGL {
	border-bottom: 1px dotted #FF6666;
	font-family:  Verdana, Bitstream Vera Sans, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.ligna {
background-color:#FAFAFA;
}
.lignb {
background-color:none;
}
A.ONGL:HOVER {
	color: #FF6633;
  border-bottom: 1px dotted #FF6666;
	font:inherit;
	font-weight: bold;
	text-decoration: none;
}
.border {
border-color: #787878;
  border-style: SOLID;
  border-width: 1px;
}

.BOX {
      color: #000000;
      font-family: Verdana, Bitstream Vera Sans, sans-serif;
      font-size: 9px;
     /* margin-left: 5px;
      margin-right: 5px;*/
}
a.BOX:LINK, a.BOX:VISITED {
      color: #000000;
     font-family: Verdana, Bitstream Vera Sans, sans-serif;
      font-size: 9px;
      text-decoration: none;
}
a.BOX:HOVER {
       color: #FF6633;
      font-family: Verdana, Bitstream Vera Sans, sans-serif;
      font-size: 9px;
      text-decoration: underline;
}
a.BOX:ACTIVE {
      color: #000000;
      font-family: Verdana, Bitstream Vera Sans, sans-serif;
      font-size: 9px;
      text-decoration: none;
}
/**********formatage page conteneurs*******************/


.MENU {
	font-family: Verdana, 'Bitstream Vera Sans', sans-serif;
	/*color: #2267B4;*/
  color: #FF6633;
	font-weight: light;
	font-size: 16px;
	background: White;
  padding:2px;

}
.user_content {
border:solid 1px #B9B9B9;
/*background-color:#ffffff;*/
padding:3px;
margin-bottom:3px;

}
.table_content {
border:solid 1px #B9B9B9;
background-color:#ffffff;
padding:3px;
margin-bottom:3px;

}
.table_content td {
border:solid 1px #B9B9B9;
background-color:#ffffff;
padding:3px;
margin-bottom:3px;

}
/*******************  uniques  id    ******************/

/********************** bloks fiche info membre annuaire */
#calendrier {
float:right;
background-color:#EDEDF0;
border:solid 1px #B9B9B9;
width:200px;

}

#user_resume{
/*position:absolute;*/
margin:5px;
display:inline;
text-align:left;
}

#coord_header {
color:#ffffff;
font-weight:bold;
font-family:  Century Gothic, Arial, Bitstream Vera Sans, sans-serif;
font-size:13px;
background-color:#5D7AB2;
border-bottom:solid 1px #B9B9B9;
padding:3px;

}
#site {

/*border-style:solid;*/

background-image:  url(../images/fondeouf.gif);
background-repeat:no-repeat;
background-position:center 150px;
margin-left: 100px;

position: absolute;
left: 50%;
top:10px;
width:990px;
margin-left: -495px;
text-align:left;
}

#bandeau {
margin:0px; 
/*border:2px solid #2270BA;*/
height: 115px;
background-color: #ffffff;
}

#topbandeau {
margin:0px;
/*background-image: url(../images/topmenu.jpg);*/
height: 15px;
}

#Who_Online_Sub {
position:absolute;
right:5px;
top:1px;
color:#000000;
text-align:right;
font-weight:normal;
font-size:11px;
font-family: Verdana, 'Bitstream Vera Sans', sans-serif;

}

#server_heure {
position:absolute;
z-index:3;
top:1px;
right:200px;
color:#000000;
width:100px;
height:15px;
color:#000000;
text-align:left;
font-weight:light;
font-size:11px;
font-family: Verdana, 'Bitstream Vera Sans', sans-serif;
letter-spacing:0.2mm;
}

#logo {
position:absolute;
z-index:1;  
left:7px;
top:5px;
 width:477px;
font-family: Verdana, 'Bitstream Vera Sans', sans-serif;
color: #FF6633;
font-weight: light;
font-size: 16px;
}

#basmenu {
	width: 100%;
	
}
#centre {
	padding:10px;

 	border: 0px solid #B9B9B9 ;
	/*background-color:#F5F5F5;
  	/*background-color:#ffffff;*/
  /*	background-image:url(../images/opendiv.jpg);
  	background-repeat:no-repeat;*/
}
#forumcentre {
	padding:10px;
  border: 1px solid #727296 ;
	background-color:#C6CDD5;
}
/******************* Blocks gauches et droite **********/
.TDblock {
vertical-align:top;
text-align:left;
background:none;
}
.block {
	width:183px;
	padding:1px;
  margin:0px;
/*background-color:#FAFAFA;*/
vertical-align:top;
text-align:left;
}



.DIVTITRE {   /* définitions du titre du cadre */

/*background: url(../images/blocs/titre2.png) top left no-repeat;*/
text-transform: uppercase;
font-weight: bold;
font-size: 14;
color: #217CCF;
text-align: LEFT;
height: 20px;
margin: 0;
padding-top: 5px;
}
.BLOKSBODY {//ex dd
text-align: justify;
/*background: url(../images/blocs/fond.png) top left;  */  /* arrière-plan intérieur qui va se répéter */
margin: 0;
padding:3px;
}
.DIVBAS   {  /* image qui sera fixée en bas du cadre */
/*background: url(../images/blocs/bas.png) no-repeat;*/
height: 11px;   /* pour que le texte ne s'affiche pas sur l'arrondi du bas */
}

.Orangearrow {
/*---------------couleur des FLECHES DU MENU- (ancienne couleur:#ED1C24)--------------------------------------------------------------------*/
color:#124472;
/*---------------------------------------------------------------------------------------------------------------*/

}

#contenu {
width:100%;
vertical-align:top;
text-align:left;
margin-top:0px;
}
#blockB {
	width: 160px;
	padding: 5px;
	margin: 5px;
    margin-top:0px;
    margin-bottom:0px;
  	padding:5px;
	background-color: #FFFFFF;
	border: 1px solid Silver;
}

#tablepage { 
/*-----------------------------------------------------------IMAGE BLEU DESACTIVE------------------------*/
/*background-image: url(../images/fond-blur.jpg);*/
/*-------------------------------------------------------------------------------------------------------*/
background-repeat: repeat-y;
/*background-color: #FFFFFF;*/
padding-top:7px;
width:100%;
}



/******footer calques**********/
#footer {
width:100%;
text-align:center;
line-height:25px;
	height: 25px;
background-image: url(../images/menu-hover.jpg);
	background-color: #F6F6F6;
		border-top:1px solid #F3F3F3;
  border-bottom:1px solid #F3F3F3;
}

#footertext{
	padding:5px;
	float:right;
}
#footerlogos{
	float:left;
	padding:5px
}
#MargeBas {
height:10px;
	/*background-image:  url();*/
		width:100%;
		padding-left: 0px;
	padding-right: 0px;
}
/****** endfooter calques**********/
.gray {
padding:5px;
background-color: #F3F3F3;
border: 1px solid #E3E3E3;
}

#calquemenuG {
	position: absolute;
	visibility: visible;
	z-index: auto;
	left: 0px;
	top: 150px;
	padding: 5px;
	background-color: #F3F3F3;

}
#edito { }

#articles {
	text-align:top;
 }
 

#rellinks {
	width: 180px;
	padding-right:5px;
}
#agenda {
position:absolute;
z-index:3;
background-color:white;
right:203px;
top:162px;
width:190px;
margin:0;
border:solid 1px #B9B9B9;
}
/********************* menu haut */
#menuhaut {
background-color: #456996;
/*background-image: url(../images/menu.jpg);*/
background-image: url(../images/menu-fond.jpg);
margin-top:0px; 
padding:0px;
border-bottom: 1px solid #ffffff;
text-align: left;
vertical-align: center;
/*min-width:990px;*/
}
/*conteneur liste definitions menu*/
#menuhaut dl {
margin: 0px;
height: 20px;
padding-top:5px;
   
}
#menuhaut dt{
/*background-color: #456996;*/
/*background-image: url(../images/menu-inside.jpg);*/
background-repeat: none;
BORDER-LEFT: #7E90A2 1px solid;
font-family: Verdana, Bitstream Vera Sans, sans-serif;
font-size: 11px;
color: white;
display: inline;
text-align: left;
padding:5px 0px 5px 0px;
height: 20px;

	}
  
#menuhaut dt a {
font-family: Verdana, Arial, Bitstream Vera Sans, sans-serif;
font-size: 12px;
font-weight:light;
letter-spacing: 0;
COLOR: #000000;
padding:5px 5px 5px 5px; 
margin-left:5px;
height: 20px;
TEXT-DECORATION: none
voice-family: "\"}\"";
voice-family: inherit;

}

#menuhaut dt a:hover{
background-color:#FFFFFF;
color: #2270BA;
TEXT-DECORATION: none;
border-top:#7E90A2 1px solid;
background-image: url(../images/menu-hover.jpg);
/*padding:5px 7px 7px 5px;*/
padding:5px 5px 5px 5px; 
margin-left:5px;

}
#menuhaut dt a:active{
background-color:#FFFFFF;
color: #FF6633;
TEXT-DECORATION: none;
/*border:#FF6633 1px solid;
background-image: url(../images/menu-hover.jpg);*/
background-image: none;
padding:5px 5px 5px 5px;
margin-left:5px;
TEXT-DECORATION: underline;
}

/********************* fin menu haut */

#menugauche {
	padding: 0px;
	margin: 0px;
list-style-type: none;
}
#menugauche LI {
	margin-bottom: 5px
}
#menugauche A {
	margin: 0px 2px;
	color: #000000;
	text-decoration: none;
}
#menugauche A:hover {
	text-decoration: underline;
}
#menudroit {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#menudroit LI {
	MARGIN-BOTTOM: 5px
}
#menudroit A {
	margin: 0px 2px;
	COLOR: #000000;
	text-decoration: none;
}
#menudroit A:hover {
	text-decoration: underline
}