body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	background-image: url(images/bkgrd-blue-top3.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f2f2e6;
	

}


  /* ici commence le menu vertical  ======================================================= */
#menu2
	{
		width: 116px;
		float: left;
		
		margin:7px 2px 7px 2px;
		font-family: arial, serif; 
		font-size: 11px;
		text-decoration: none;
		display:inline;
		
	}

#menu2 li
   {
     float: left;
	 height:30px;
	 clear:both;
     list-style-type: none;
  /* rappel : la puce disparait avec list-style-type */
   }

  #menu2 a
    {
     display: block;
      width: 115px;
     height: 25px;
      margin: 2px 2px 2px 2px;
    background-color: #F9F9F9;  
	 
    }

  #menu2 a:hover
   {
     
	 background-color: #ccccff;
	 text-decoration:none;
	  /* ici fini le menu des produits ======================================================= */
   }
   
 
.titrefond2 {
	background-color: #5D85A0;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 5px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: auto;
	color: white;
	color: #FFFFFF;
	padding: 6px;

	
	
}

A.titrefond2:link    { color: white}    /* lien non-visité */
A.titrefond2:visited { color: white }   /* lien visité   */
A.titrefond2:hover   { color: #000066 } /* lien survolé     */
A.titrefond2:active  { color: lime }   /* lien activé    */


 /* ici - boite ronde début ____________XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX___ */

.roundcont {
	width: auto;
	background-image: url(http://www.geo-plus.com/images/fond-box300px.gif);
	background-repeat: repeat-x;
	color: #000033;
	clear: both;
	float: none;
	height: auto;
	margin: 5px;
	
}

.roundcont p {
	margin: 0 5px;
}

.roundtop { 
	background:  url(http://www.geo-plus.com/images/tr.gif) no-repeat top right; 
}


.roundbottom {
	background:  url(http://www.geo-plus.com/images/br.gif) no-repeat bottom right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

     /* ici - boite ronde FIN  ____________YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY___ */
	 
	     /* Boite avec bord rond - début  ____________YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY___ */
.t {background: url(http://www.geo-plus.com/images/dot.gif) 0 0 repeat-x; 
	width: auto; 
	background-color: #ffffff; /*blanc foncé F5F5FB */
	color: #000033; /*bleu marin */
	clear: both;	
	height: auto;
	/*margin: 0px 5px 5px 5px;*/
}

.tcolor
{background: url(http://www.geo-plus.com/images/dot.gif) 0 0 repeat-x; 
	width: auto; 
	background-color: #F7F7FB; /*blanc foncé - */
	color: #000033; /*bleu marin */
	clear: both;	
	height: auto;
	margin: 0px 0px 0px 5px;
}


.b {background: url(http://www.geo-plus.com/images/dot.gif) 0 100% repeat-x;}
.l {background: url(http://www.geo-plus.com/images/dot.gif) 0 0 repeat-y;}
.r {background: url(http://www.geo-plus.com/images/dot.gif) 100% 0 repeat-y;}
.bl {background: url(http://www.geo-plus.com/images/bl_line.gif) 0 100% no-repeat;}
.br {background: url(http://www.geo-plus.com/images/br_line.gif) 100% 100% no-repeat;}
.tl {background: url(http://www.geo-plus.com/images/tl_line.gif) 0 0 no-repeat; }
.tr {background: url(http://www.geo-plus.com/images/tr_line.gif) 100% 0 no-repeat; padding: 5px; }

.clear {font-size: 1px; height: 1px;}
	 
	     /* Boite avec bord rond FIN  ____________YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY___ */
	 
.li-bullet {
	list-style-position: outside;
	list-style-image: url(http://www.geo-plus.com/images/puce.gif);
	text-indent: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 3px;
}
/*fond-bleu est utilisé dans les boutons aussi c'est le fond des top 10. */
.fond-bleu{
	background-color: #576178;
	color: white
}


.image-bordercolor {
	border: thin solid #666666;
}

.HR {
	border-top-width: 1pt;
	border-top-style: solid;
	border-top-color: #D4E0E8;
}


.asterixrouge {
	color: #FF0000;
}

H1 {

	font-size: 18px;
	font-weight: bold;
	color: #000066;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

H2 {

	font-size: 13px;
	font-weight: bold;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.thinline {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #B0C0D0;
	}

.thinline-left {
	border-left-width: thin;
	border-left-style: dashed;
	border-left-color: #B0C0D0;
	}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000033;
}


/*blogris est utilisé dans les resource-demo ...*/
.blocgris {
	background-color: #000066;
	margin: 5px 25px 5px -4px;
	clear: none;
	float: left;
	width: 110%;
	border: thin none #999999;
	color: #F4F4F4;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight:bold ;

}

.police-14{
	font-size: 14px;
	font-weight:bold ;
	color: #000066;
}


.police-15{
	font-size: 15px;
	font-weight:bold ;
	color: #000066;
}

.barrevGauche {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #C9C9E4;
}
.line-left {
	background-image: url(images/line-left.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.line-right {
	background-image: url(images/line-right.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.pattern-black {
	background-image: url(images/pattern-black.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.pattern-grey {
	background-image: url(images/pattern-grey-.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 6px;
}

/*ceci est important pour que l'espace que le scrollbar prend, reste pris meme si le contenu entre dans une seule page. FF retire la scrollbar alors, quand on change de page, le tabeau bouge.*/
html {
 overflow-y: scroll !important;

}.footer {
	background-image: url(images/line-footer.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 0px;

}