html, body {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

body {
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #FFFFFF;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*****************************************/
/*bandeau*/
.mots_cles {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	visibility:hidden;
	left: -5px;
	width: 960px;
	height: 83px;
}
.bandeau {
	height: 93px;
	width: 100%;
	font-size: 11px;
	background-color: #FFFFFF;
}
.bandeau ul {
	position:absolute;
	top: 55px;
	left:250px;
	list-style: none;
}
.bandeau li {
	float: left;
}
.bandeau li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	height: 28px;
	width: 125px;
	font-weight: normal;
	line-height: 2em;
	background-color: #00978f;
}
.bandeau a:hover, .bandeau a.active {
	background-color: #006666;
	color: #FFFFFF;
	font-weight: bold;
	}
.bande_fonce {
	position:absolute;
	background-color: #006666;
	height: 10px;
	width: 100%;
	top:83px;
	left:0;
}

/*****************************************/
/*Déclaration du conteneur générale*/
/*Conteneur global du site*/
.contenaire {
	margin:0 ;
	padding:0;
	background-color: #EAEAEA;	
	border-bottom:solid 1px #E0A825;
}
/*colonne de gauche*/
.col_gauche {
	position: absolute;
	left: 0px;
	width: 215px;
}

/*colonne centrale*/
.col_centrale {
	margin: 0 0 0 215px;
	padding: 0px;
	border-left:solid 1px #E0A825;
	background-color: #FFFFFF;
}
.col_centrale a{
	text-decoration: none;
	color: #FF9900;	
}
.col_centrale a:hover {
	text-decoration: underline;
}
/*****************************************/
/*menus latéraux*/
.col_gauche_barre {
	position:relative;
	height:15px;
	width:216px;
	font-size:11px;
	background-color: #EAEAEA;
}
.menus {
	position:relative;
	width:215px;
	font-weight: bold;
}
.menus_graphisme {
	position:absolute;
	top:15px;
	left:0px;
	width: 215px;
	height:313px;
	background-image: url(../images/grille_gauche.png);
	background-repeat: no-repeat;
}
.menus ul{
	position:relative;
	color: #009999;
	line-height: 2em;
	text-align: left;
	text-indent:10px;
	top:40px;
	left:5px;
	list-style: none;
	width:100%;
}
.menus li {
	margin: 0px 0px 5px;
	width:200px;
	height:25px;
}
.menus a{
	display: block;
	background-image: url(../images/header_main.png);
	background-repeat: repeat;
	width:200px;
	height:25px;
	border: 1px solid #CCCCCC;
	color: #009999;
	text-decoration: none;
}
.menus a:hover, .menus  a.active {
	background-image:url(Aucune);
	background-color: #006666;
	color: #FFFFFF;
	border: 1px solid #E0A825;
}

/*****************************************/
/*adresse*/
.adresse{
	position:relative;
	top:50px;
	left:7px;
	width:200px;
	height:280px;
	font-size: 10px;
}

.adresse_titre{
	position:relative;
	top:5px;
	left:5px;
	width:55px;
	height:15px;
	color: #006666;
	text-align: center;
	font-weight: bold;
}

.adresse_text{
	position:relative;
	top:60px;
	left:20px;
	width:160px;
	height:15px;
	color: #006666;
}
.adresse_text a{
	text-decoration: none;
	color: #FF3300;	
}
.adresse_text a:hover {
	font-weight: bold;
}


/*****************************************/
/*frame centrale*/
.col_centrale_barre {
	position:relative;
	height:35px;
	background-color: #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #000000;
	z-index:0;
}
.col_centrale_graphisme {
	position:absolute;
	top:15px;
	width: 755px;
	height:20px;
	background-image: url(../images/grille_centrale.png);
	background-repeat: no-repeat;
	z-index:1;
}

.logiciel_sig {
	position:relative;
	color: #000000;
	text-align: justify;
	margin-bottom: 10px;
	width:755px;
}

.logiciel_sig ul {
	margin: 10px 0px 10px 50px;
	list-style-image: url(../images/puce.jpg);
}

/*Gestion du texte pour les gammes de produits*/
h1.product_titre_main {
	position:relative;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom:1px solid #E0A825;
	border-top:1px solid #E0A825;
	text-align: left;
	background-color: #00978f;
	margin: 10px 0px 10px 0px;
}

.product_barre {
	position:relative;
	margin-top :20px;
	margin-left:150px;
	margin-bottom:10px;
	width:150px;
	height:5px;
	border-top-width: thin;
	border-top-style: outset;
	border-top-color: #CCCCCC;
}
.product_mapinfo a.image {
	position:relative;
	display: block;
	margin-left:10px;
	float: left;
}
.product_mapinfo a:hover.image {
	background-image: url(../images/mapinfo_clic.gif);	
}
.product_vertical a.image {
	position:relative;
	display: block;
    width: 109px; 
    height: 107px; 
	margin-left:10px;
	background-image: url(../images/vertical.gif);	
	float: left;
}
.product_vertical a:hover.image {
	background-image: url(../images/vertical_hover.gif);	
}
.product_vignette {
	position:relative;
	display: block;
	border: 1px solid #006666;
	float: left;
	margin-right: 10px;
	}

.product_image a.image {
	position:relative;
	display: block;
	margin-left:10px;
	float: left;
}
.product_service a:hover.image {
	background-image: url(../images/prestation.gif);	
}
.product_formation a.image {
	position:relative;
	display: block;
    width: 180px; 
    height: 121px; 
	margin-left:10px;
	background-image: url(../images/formation.gif);	
	float: left;
}
.product_formation a:hover.image {
	background-image: url(../images/formation.gif);	
}
.product_conception a.image {
	position:relative;
	display: block;
    width: 180px; 
    height: 121px; 
	margin-left:10px;
	background-image: url(../images/develop.gif);	
	float: left;
}
.product_conception a:hover.image {
	background-image: url(../images/develop.gif);	
}
.product_arcgis a.image {
	position:relative;
	display: block;
    width: 109px; 
    height: 107px; 
	margin-left:10px;
	background-image: url(../images/arcgis.gif);	
	float: left;
}
.product_arcgis a:hover.image {
	background-image: url(../images/arcgis_clic.gif);	
}
.product_arcgis_complement a.image {
	position:relative;
	display: block;
    width: 109px; 
    height: 107px; 
	margin-left:10px;
	background-image: url(../images/arcgis.gif);	
	float: left;
}
.product_arcgis_complement a:hover.image {
	background-image: url(../images/arcgis_clic.gif);	
}
.product_map_utils a.image  {
	position:relative;
	display: block;
    width: 365px; 
    height: 200px; 
	margin-left:20px;
	background-repeat: no-repeat;
	background-image: url(../images/MapUtils_Ecran.jpg);	
}
.product_map_tech a.image {
	position:relative;
	display: block;
    width: 365px; 
    height: 200px; 
	margin-left:20px;
	background-repeat: no-repeat;
	background-image: url(../images/MapTech_Ecran.png);	
}
.product_text {
	position:relative;
	color: #666666;
	margin: 0 0 10px 200px;
	float:right;
}
.product_text_ss_marge {
	position:relative;
	color: #666666;
	margin: 0 0 5px 20px;
}
.product_ico {
	margin: 0px 0px 0px 20px;
}
.product_ico ul {
	position:relative;
	list-style: none;
	text-align: center;
	vertical-align: middle;
}
.product_ico li {
	float: left;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 20px;
}
.product_text_list {
	position:relative;
	margin: 0 0px 10px 170px;
	color: #666666;
	list-style-image: url(../images/point.gif);
}

.product_englobe_main {
	height : auto;
	height:220px;
}
.product_englobe_main_index {
	height : auto;
	height : 180px;
}
.product_englobe_main_gamme_map {
	height:170px;
}
.product_text_main {
	position:relative;
	margin: 0 0 10px 200px;
}

.product_text_list_main {
	position:relative;
	margin: 0px 0px 10px 210px;
	list-style-image: url(../images/puce.jpg);
}

.product_text_main_bleue {
	position:relative;
	color: #0066CC;
	text-align: left;
	border-bottom:solid 1px #E0A825;
	border-right:solid 1px #E0A825;
}
.product_text_main_vert {
	position:relative;
	color: #009933;
	text-align: left;
	border-bottom:solid 1px #E0A825;
	border-right:solid 1px #E0A825;
	font-weight: bold;
}
.product_text_main_rouge {
	position:relative;
	color: #990000;
	text-align: left;
	border-bottom:solid 1px #E0A825;
	border-right:solid 1px #E0A825;
}

a.product_text_1 {
	margin-left:50px;
	color: #999999;
}

.texte_article {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	line-height: normal;
	text-align: justify;
	left: 10px;
	top: 10px;
	right: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.product_download {
	position:absolute;
	color: #666666;
	background-repeat: repeat-y;
	text-align: left;
	background-color: #ECECEC;
	border: 1px solid #009999;
}
/*****************************************/
/*formulaire de contact*/
.formulaire_contact{
	position:relative;
	left:30px;
	font-size: 11px;
}
.formulaire_lib{
	margin-top:10px;
	margin-left:30px;
	width:30px;
	text-align:right;
}

/*****************************************/	
/*Apparence du pied de page*/
.pied {
	position:relative;
	background-color: #006666;
	width: 100%;
	height:20px;
	color: #FFFFFF;
	line-height: 2em;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0A825;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
/*Apparence des liens du pied de page*/
a.pied:link, a.pied:active, a.pied:visited, a.pied:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*Balise de certification*/
.w3c{
	position:relative;
	margin: 10px 0px 0px 20px;
	border:0px;
}


.product_text_list_ss_bloc {
	position:relative;
	margin: 10px 0px 10px 40px;
	color: #666666;
	list-style-image: url(../images/point.gif);
}

/*Zone de contenu - block général*/
.contenu {
	position:relative;
	width:auto;
	margin: 10px 10px 10px 10px;
}
.contenu a{
	text-decoration: none;
	color: #FF9900;	
}
.contenu a:hover {
	text-decoration: underline;
}
.contenu ul {
	margin: 10px 0px 10px 50px;
	list-style-image: url(../images/puce.jpg);
}
.contenu_image {
	position:relative;
	width:250px;
	margin: 10px 0px 10px 10px;
}
/*Zone de contenu - premier sous block*/

.contenu_block_1 {
	position:relative;
	width:auto;
	height:220px;
}
h1.contenu_block_1_titre  {
	position:relative;
	font-size: 1.3em;
	font-weight: bold;
	color: #006666;
	border-bottom:1px solid #E0A825;
	border-top:1px solid #E0A825;
	text-align: left;
	float:left;
	margin: 10px 0px 10px 0px;
}
.contenu_block_1_image {
	border: 1px solid #006666;
}
.contenu_bloc_list {
	position:relative;
	margin: 0px 0px 10px 300px;
	list-style-image: url(../images/puce.jpg);
	text-align: justify;
}

/**********************/


/*******************************/
/*Tableau de la page d'accueil*/
.index_tab  {
	border-style:none;
	margin-left:20px;
	margin-bottom: 20px;
} 
.index_tab_partenaire {
	border-style:none;
	margin-left:20px;
} 

.index_cell_image{
	position:relative;
	top:0px;
	left:-10px;
	margin-bottom: 10px;
}
.index_cell_plaquette{
	text-align: center;
}
.index_cell_texte {
	width:150px;
	font-size: 1em;
}
.index_cell_titre  {
	margin: 10px 0px 10px 20px;
	font-weight: bolder;
	color: #009999;
	font-style: italic;
	text-transform: uppercase;
	font-size: 1.2em;
}
.index_cell_liste{
	list-style-image: url(../images/puce.jpg);
	text-align: justify;
}
.index_cell_liste li {
	margin: 0px 0px 5px 20px;
}
h1.index_cell_sous_titre {
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom:1px solid #E0A825;
	border-top:1px solid #E0A825;
	text-align: left;
	background-color: #00978f;
	margin: 10px 0px 10px 0px;
}

/*Pied de page*/
.pied_page{
	position:relative;
	width: 100%;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0A825;
	vertical-align: middle;
	background-image: url(../images/pied.png);
	background-repeat: repeat-x;
}
.pied_page_right{
	color:#CCCCCC;
	text-align:right;
	margin-right:20px;
}
.pied_page_left{
	color:#CCCCCC;
	text-align:left;
	margin-left:20px;
}