/* CSS Document 
attention de bien mettre dans cet ordre : link, visited, hover, active */

/* ///////////////////////ACCUEIL//////////////////////*/

a.accueil:link {
	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_accueil.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
/* pour avoir le même résultat sous firefox et IE : il faut soustraire le padding à la largeur 
avec "html>body " avant le nom de la class IE ne voit pas cette partie du code */
html>body a.accueil:link  {
	padding-top: 45px;
	height: 6px;
}
/* Il faut remettre la taille, la police,... et les marges comme au-dessus */
a.accueil:visited { 
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_accueil.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
/* pour avoir le même résultat sous firefox et IE : il faut soustraire le padding à la largeur 
avec "html>body " avant le nom de la class IE ne voit pas cette partie du code */
html>body a.accueil:visited  {
	padding-top: 45px;
	height: 6px;
} 
a.accueil:hover { 
 background-image:  url(../images/design/btn_accueil_over.gif);
	text-decoration: none;
	color: #196A7C;
}
/* Il faut remettre la taille, la police,... et les marges */ 
a.accueil_active {
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_accueil_on.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
html>body a.accueil_active {
	padding-top: 45px;
	height: 6px;
} 
/* ///////////////////////SOCIETE//////////////////////*/

a.societe:link {
	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_societe.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
	margin-top: 6px;
}
html>body a.societe:link {
	padding-top: 45px;
	height: 6px;
} 
/* Il faut remettre la taille, la police,... et les marges comme au-dessus */
a.societe:visited { 
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_societe.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
	margin-top: 6px;
}
html>body a.societe:visited {
	padding-top: 45px;
	height: 6px;
} 
a.societe:hover { 
 background-image:  url(../images/design/btn_societe_over.gif);
	text-decoration: none;
	color: #196A7C;
}
/* Il faut remettre la taille, la police,... et les marges */ 
a.societe_active {
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_societe_on.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
	margin-top: 6px;
}
html>body a.societe_active {
	padding-top: 45px;
	height: 6px;
} 
/* ///////////////////////SOLUTIONS TOURISME//////////////////////*/

a.genie_office:link {
	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_genie_office.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
	margin-top: 6px;
}
html>body a.genie_office:link {
	padding-top: 45px;
	height: 18px;
} 
/* Il faut remettre la taille, la police,... et les marges comme au-dessus */
a.genie_office:visited { 
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_genie_office.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
	margin-top: 6px;
}
html>body a.genie_office:visited {
	padding-top: 45px;
	height: 18px;
} 
a.genie_office:hover { 
 background-image:  url(../images/design/btn_genie_office_over.gif);
	text-decoration: none;
	color: #196A7C;
}
/* Il faut remettre la taille, la police,... et les marges */ 
a.genie_office_active {
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_genie_office_on.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
	margin-top: 6px;
}

html>body a.genie_office_active {
	padding-top: 45px;
	height: 18px;
}
a.genie_office_active:hover {
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_genie_office_on.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
	margin-top: 6px;
}

html>body a.genie_office_active:hover {
	padding-top: 45px;
	height: 18px;
} 
/* ///////////////////////SOLUTIONS WEB//////////////////////*/

a.web:link {
	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_web.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
html>body a.web:link {
	padding-top: 45px;
	height: 18px;
} 
/* Il faut remettre la taille, la police,... et les marges comme au-dessus */
a.web:visited { 
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_web.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
html>body a.web:visited {
	padding-top: 45px;
	height: 18px;
} 
a.web:hover { 
 background-image:  url(../images/design/btn_web_over.gif);
	text-decoration: none;
	color: #196A7C;
}
/* Il faut remettre la taille, la police,... et les marges */ 
a.web_active:hover {
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_web_on.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
html>body a.web_active:hover {
	padding-top: 45px;
	height: 18px;
} 
a.web_active {
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_web_on.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
html>body a.web_active {
	padding-top: 45px;
	height: 18px;
} 
/* /////////////////////// OUTILS //////////////////////*/

a.outils:link {
	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_outils.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
html>body a.outils:link {
	padding-top: 45px;
	height: 6px;
} 
/* Il faut remettre la taille, la police,... et les marges comme au-dessus */
a.outils:visited { 
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_outils.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
html>body a.outils:visited {
	padding-top: 45px;
	height: 6px;
} 
a.outils:hover { 
 background-image:  url(../images/design/btn_outils_over.gif);
	text-decoration: none;
	color: #196A7C;
}
/* Il faut remettre la taille, la police,... et les marges */ 
a.outils_active {
  	display: block;
	height: 51;
	width: 51;
	background-image:  url(../images/design/btn_outils_on.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 9px;
	color: #145163;
	text-align: center;
	padding-top: 45px;
}
html>body a.outils_active {
	padding-top: 45px;
	height: 6px;
} 

.bouton-couleur{
	margin: 11 0 0 0;
}