/* CSS Document */

html, body {
	height:100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#58585a;
}

body {
	background-image:url(../images/anim-repeat.gif);
	background-repeat:repeat-x;
	background-position:0 83px;
}

body.interieur {
	background-image:url(../images/anim-int-repeat.gif);
}

a {
	color:#58585a;
	cursor:pointer;
}

div#cadre {
	/*min-width:1000px;*/
	/*max-width:1280px;*/
	width:1280px;
	min-height:100%;
	_height:100%;
	margin:-249px auto 0 auto;
}


/*******************/
/* MENU HORIZONTAL */
/*******************/
ul#menuh {
	padding:0;
	margin:0 0 0 72px;
	list-style-type:none;
	background-image:url(../images/disques.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:83px;
	position:relative;
	top:249px;
	z-index:1;
}

ul#menuh li {
	display:inline;
}

ul#menuh li a, ul#menuh li a:hover {
	float:left;
	height:35px;
	line-height:35px;
	text-decoration:none;
	margin-top:48px;
}
ul#menuh li a:hover, ul#menuh li a.current {
	background-image:url(../images/menuh-item-repeat.gif);
	background-repeat:repeat-x;
}

ul#menuh li a span.left, ul#menuh li a:hover span.left, ul#menuh li a.current span.left {
	display:block;
	_display:inline;
	height:35px;
	padding-left:10px;
}
ul#menuh li a:hover span.left, ul#menuh li a.current span.left {
	background-image:url(../images/menuh-item-left.gif);
	background-repeat:no-repeat;
}

ul#menuh li a span.right, ul#menuh li a:hover span.right, ul#menuh li a.current span.right {
	display:block;
	_display:inline;
	height:35px;
	padding-right:10px;
}
ul#menuh li a:hover span.right, ul#menuh li a.current span.right {
	background-image:url(../images/menuh-item-right.gif);
	background-repeat:no-repeat;
	background-position:right;
}

/* cas particulier du premier élément qui mène à l'accueil */
ul#menuh li.accueil {
	background:none;
}

ul#menuh li.accueil a {
	margin:0 52px 0 0;
	width:149px;
	height:83px;
	background-image:url(../images/emoa-mutuelle-du-var.gif);
	background-repeat:no-repeat;
}

ul#menuh li.accueil a span {
	display:none;
}

/************************/
/*ENCART DE DECONNEXION */
/************************/
div#deconnexion {
	position:absolute;
	top:0px;
	right:0px;
	z-index:2;
	background-image:url(../images/deconnexion_fond.gif);
	width:75px;
	height:14px;
	color:#FFFFFF;
	font-size:9px;
	text-align:center;
}

div#deconnexion a {
	color:#FFFFFF;
	text-decoration:none;
}
div#deconnexion a:hover {
	text-decoration:underline;
}

/*****************/
/* BANDEAU FLASH */
/*****************/
div#bandeau {
	height:216px;
	background-image:url(../images/fond-anim.gif);
	background-repeat:no-repeat;
	background-position:right;
	position:relative;
	margin-top:249px;
}
div#bandeau.interieur {
	height:115px;
	background-image:url(../images/fond-anim-interieur.gif);
}

/**********************************/
/* BLOCKS (sous le bandeau flash) */
/**********************************/
div#blocks {
	padding: 23px 60px 0 60px;
	height:90px;
}

div.colonne {
	float:left;
	width:25%;
}

/* partie générique */
div#blocks div.colonne a {
	margin: 0 10px 0 10px;
	display:block;
	height:70px;
	background-image:url(../images/blocks/devis-repeat.gif);
	background-repeat:repeat-x
}

div#blocks div.colonne a span.left {
	display:block;
	height:70px;
	background-repeat:no-repeat;
}

div#blocks div.colonne a span.right {
	display:block;
	height:70px;
	background-repeat:no-repeat;
	background-position:right;
}

div#blocks div.colonne a span.texte {
	display:none;	
}

/* devis */
span.devistext {
	background-image:url(../images/blocks/devis-left.gif);
}
span.devisicon {
	background-image:url(../images/blocks/devis-right.gif);
}

/* adhérents */
span.adherentstext {
	background-image:url(../images/blocks/adherents-left.gif);
}
span.adherentsicon {
	background-image:url(../images/blocks/adherents-right.gif);
}

/* entreprises */
span.entreprisestext {
	background-image:url(../images/blocks/entreprises-left.gif);
}
span.entreprisesicon {
	background-image:url(../images/blocks/entreprises-right.gif);
}

/* pro */
span.protext {
	background-image:url(../images/blocks/pro-left.gif);
}
span.proicon {
	background-image:url(../images/blocks/pro-right.gif);
}

/*********************/
/* CONTENU GENIECUBE */
/*********************/
div#contenugeniecube {
	padding:0 70px 0 70px;
	clear:both;
}

div#chemin {
	margin:0 0 15px 10px;
}

div#chemin a {
	color:#acacad;
	text-decoration:none;
}

div#chemin a:hover {
	text-decoration:underline;
}

/****************/
/* PIED DE PAGE */
/****************/
div#pied {
	clear:both;
	height: 249px;
	background-image:url(../images/footer-repeat.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	position:relative;
	overflow:hidden;
	margin:0;
}

div#pied div#container {
	clear:both;
	max-width:1160px;
	min-width:880px;
	background-image:url(../images/footer-repeat.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding: 0 60px 0 60px;
	position:relative;
	height:100%;
	overflow:hidden;
	margin:auto;
}

div#pied div.colonne h6 {
	font-size:13px;
	font-weight:bold;
	color:#58585a;
	padding:0;
	margin:75px 0 6px 10px;
}

div#pied div.colonne ul {
	padding:0;
	margin:0 0 0 26px;
	list-style-type:none;
	list-style-image:url(../images/puce-pied.gif);
	height:85px;
}

div#pied div.first {
	background-image:url(../images/emoa-pied.gif);
	background-repeat:no-repeat;
	background-position:8px 0;
}

div#pied div.last {
	background-image:url(../images/disque-pied.gif);
	background-repeat:no-repeat;
	background-position:right 24px;
}

div#pied div.colonne ul li {
	line-height:14px;
}

div#pied div.colonne ul li a {
	text-decoration:none;
}

div#pied div.colonne ul li a:hover {
	text-decoration:underline;
}

div#pied ul#lienspied {
	clear:both;
	margin:0;
	padding:28px 0 0 0;
	list-style-type:none;
}

div#pied ul#lienspied li {
	display:inline;
	border-right:1px solid #FFFFFF;
	padding-right:17px;
}

div#pied ul#lienspied li a {
	color:#FFFFFF;
	text-decoration:none;
	margin-left:10px;
}

div#pied ul#lienspied li.last {
	border:none;
}

div#pied ul#lienspied li a:hover {
	text-decoration:underline;
}

div#pied div#addonline {
	position:absolute;
	right:60px;
	bottom:7px;
}

div#pied div#addonline a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
	margin-right:10px;
}

div#pied div#addonline a:hover {
	text-decoration:underline;
}

div#pied div#addonline img {
	border:0;
	vertical-align:middle;
}

/******************/
/* MENU DEROULANT */
/******************/
ul.ssmenu {
	padding:0 0 4px 0;
	margin:0;
	list-style-type:none;
	border-top:1px solid #aeb523;
	width:174px;
	background-image:url(../images/menu/ssmenu-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

ul.ssmenu li {
	background-color:#c8d200;
}

ul.ssmenu li.first {
	padding-top:5px;
}

ul.ssmenu li.last {
	padding-bottom:5px;
}

ul.ssmenu li a {
	display:block;
	color:#58585a;
	text-decoration:none;
	width:168px;
	margin-left:1px;
	line-height:20px;
}
ul.ssmenu li a span{
	display:block;
	padding-left:15px;
}

ul.ssmenu li a:hover {
	background-color:#f4f4f1;
	background-image:url(../images/menu/ssmenu-a-top.gif);
	background-repeat:no-repeat;
}
ul.ssmenu li a:hover span {
	background-image:url(../images/menu/ssmenu-a-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

div#getflashplayer {
	width:100%;
	text-align:center;
	position:absolute;
	top:60px;
}

div#getflashplayer.interieur {
	top:20px;
}

div#getflashplayer img {
	display:block;
	margin:15px auto 0 auto;
	border:0;
}
