/* CSS Document */
#hat {
	width: 900px;
	margin: 0 auto;
	text-align: right;
	font-size:10px;
	text-transform: uppercase;
}
#hat a:link {
	color: #444;
	line-height: 13px;
	vertical-align:middle;
	font: Arial, sans-serif; 
	text-decoration: none;
}
#hat a:visited {
	color:#8A2BE2;
}
#hat a:hover {
	color:#ff4223;
}
ul.menu {
	list-style: none;
	width: 900px;
	margin: auto;
	padding: 5% 0 0 0;
}
.menu-item {
	margin-bottom: 15px;
	padding: 0;
}
.menu-item a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.menu-item a:hover {
	color: red;
}
.menu-item .menu-text {
	display: inline-block;
	padding: 6px 20px 5px 130px;
	margin: 0;
	line-height: 12px;
}
.menu-item .couleur-agence, .menu-item .couleur-reseau {
	padding: 6px 20px 5px 320px;
}
.menu-item .couleur-design, .menu-item .couleur-deploiement, .menu-item .couleur-couleur {
	padding: 6px 20px 5px 250px;
}
.couleur-vingtcinq, .couleur-portfolio {
}
.menu-item .couleur-contact {
	padding: 6px 20px 5px 70px;
}
/* AFFICHAGE DE LA GRANDE BANDE CENTRALE */

.menu .menu-screen {
	width: 900px;
	height: 182px;
	/*background-image: url(../images_homepage/menu-fond-screen.gif);*/

	overflow: hidden;
	position: relative;
}
.menu .menu-screen a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
}
.menu .menu-screen a div {
	position: absolute;
	text-align: left;
	bottom: 15px;
	left: 0;
	background-image: url(../images_homepage/transpix.png);
	background-repeat: repeat;
	padding: 2px 5px 2px 0;
}
.menu .menu-screen .couleur-actu {
	width: auto;
	line-height: 15px;
	vertical-align: center;
	padding: 5px 3px 5px 40px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform:uppercase;
}
.menu .menu-screen .menu-text {
	padding: 0;
	color: #594359;
	font-size: 12px;
	font-weight: bold;
	left: -2px;
}
.menu .menu-screen a:hover .menu-text {
	color: red;
}
.menu .menu-screen a img {
	border: none;/*margin-top: 11px;

	margin-bottom: 20px;*/

}
.menu .menu-screen .frame {
	width: 900px;
	height: 182px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: none;/*background-image: url(../images_homepage/menu-fond-screen-v2.gif);*/

}
/* AFFICHAGE DE LA NAV POUR LA BANDE CENTRALE */

.menu .menu-screen-nav {
	height: 15px;
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	text-align: right;
}
.menu .menu-screen-nav .bouton {
	position: relative;
	top: -3px;
	display: inline-block;
	margin: 0 3px 0 0;
	height: 15px;
	width: 15px;
	color: white;
	text-decoration: none;
	background-color: #BBB;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	vertical-align:	middle;
}
.menu .menu-screen-nav .permanent {
	width: auto;
	padding: 0 5px;
}
.menu .menu-screen-nav .bouton:hover {
	background-color: red;
}
.menu .menu-screen-nav .selected {
	background-color: red;
	cursor: default;
}
/* texte intro */
#presentation {
	font-size: 11px;
	color: #666;
	background-color: #efefef;
	padding: 15px 0 30px 0;
	margin-top: 30px;
}
#presentation h1 {
	font-size: 11px;
	color: #666;
	/*text-align: center;*/
	width: 900px;
	margin: auto;
	margin-bottom: 10px;
}
#presentation p {
	width: 900px;
	margin: auto;
}
#presentation p a.agence {
	color: #28C8F0;
	color: #666;
	text-decoration: none;
}
#presentation p a.design {
	color: #B3ED59;
	color: #28C8F0;
	color: #666;
	text-decoration: none;
}
#presentation p a.produit {
	color: #FF69B4;
	color: #28C8F0;
	color: #666;
	text-decoration: none;
}
#presentation p a:hover {
	color: red;
}
/* COULEURS */

.couleur-agence {
	background-color: #28C8F0;
}
.couleur-reseau {
	background-color: #28C8F0;
}
.couleur-deploiement {
	background-color: #B3ED59;
}
.couleur-actu {
	background-color: #CCC;
}
a:hover .couleur-actu {
	background-color: red;
}
.couleur-design {
	background-color: #B3ED59;
}
.couleur-couleur {
	background-color: #B3ED59;
}
.couleur-vingtcinq {
	background-color: #FF69B4;
}
.couleur-portfolio {
	background-color: #FF69B4;
}
.couleur-contact {
	background-color: #28C8F0;
}