/* 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;*/
	width:980px;
	min-height:100%;
	_height:100%;
	margin:-249px auto 0 auto;
}


/*******************/
/* MENU HORIZONTAL */
/*******************/
ul#menuh {
	padding:0;
	margin:0 0 0 24px;
	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 0 0 0;
	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 0 0 0;
	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;
	min-width: 880px;
}

div#pied div#container {
	clear:both;
	max-width: 980px;
	min-width:880px;
	background-image:url(../images/footer-repeat.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding: 0;
	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: 0 0;
}

div#pied div.first h6 {
	margin-left: 0px;
}

div#pied div.first ul {
        margin-left: 16px;
}


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.first {^M
        margin-left: 0;^M
}^M


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: 0;
	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;
}

/* MODELES DE TITRE */
.modeleTitreH1 h1 {
	margin: 0;
	padding: 7px 0 0 30px;
	color: #58585a;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(../images/puce-titre.gif) no-repeat 0 0;
}
.modeleTitreH1 a {
	color: #58585a;
	text-decoration: underline;
}

.modeleTitreH2 h2 {
	margin: 0;
	padding: 0 0 0 15px;
	color: #58585a;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	background: url(../images/section_l.gif) no-repeat 0 7px;
}
.modeleTitreH2 a {
	color: #58585a;
	text-decoration: underline;
}

/* Overlay de l'accueil */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:772px !important; top:20% !important;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:440px !important;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/overlay_accueil/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info{position:absolute; top:7px; right:-2px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/overlay_accueil/close.png);}
#sb-nav-next{background-image:url(../images/overlay_accueil/next.png);}
#sb-nav-previous{background-image:url(../images/overlay_accueil/previous.png);}
#sb-nav-play{background-image:url(../images/overlay_accueil/play.png);}
#sb-nav-pause{background-image:url(../images/overlay_accueil/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/* AbonnementDOLIST */
#AbonnementDOLIST {
	width: 550px;
	position: relative;
	margin: 0 0 70px 0;
}

#AbonnementDOLIST label {
	font-size: 12px;
	font-weight: bold;
	color: #58585a;	
	margin: 0 0 10px 0;
	display: block;
}

#AbonnementDOLIST span {
	color: red;	
}

#AbonnementDOLIST p {
	color: #a7a7a7;
	font-size: 10px;
	position: absolute;
	right: 0;
	top: 2px;
}

#AbonnementDOLIST input[type="text"] {
	background: #ededed;
	border: 1px solid #cacaca;
	width: 540px;
	padding: 4px 5px;
	margin: 3px 0 0 0;
}

#AbonnementDOLIST input[type="text"]:focus {
	background: #fff;
	border: 1px solid #b9c200;
}

#AbonnementDOLIST button[type="button"] {
	border: none;
	background: url(../images/btn_valider.gif) no-repeat;
	width: 234px;
	height: 42px;
	text-indent: -200em;
	overflow: hidden;
	cursor: pointer;
	float: right;
}

#AbonnementDOLIST button[type="button"]:hover {
	background-position: 0 -42px;	
}

#AbonnementDOLIST button[type="reset"] {
	border: none;
	background: none;
	font-size: 11px;
	color: #6e6e6e;
	text-decoration: underline;
	cursor: pointer;
	margin: 10px 0 0 0;
}

#AbonnementDOLIST  hr {
	border: solid #ededed;
	border-width: 1px 0 0 0;
	margin: 0 0 20px 0;	
}

