/* CSS Document */

html, body {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

div#cadre {
	background-image:url(../images/bandeau.gif);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	min-height:181px;
	margin:auto;
}

div#cadre div#tocenter {
	width:993px;
	margin:auto;
	position:relative;
}

a#retourAccueil {
	display: block;
	position:absolute;
	top:0px;
	left:15px;
	width:300px;
	height:65px;
	/*border:1px solid red;*/
}
a#retourAccueil span {
	display: none;	
}

div#container_1 {
	background-image:url(../images/repeat.gif);
	background-repeat:repeat-y;
	overflow:auto;
	zoom:1;
}

div#cadre.esa div#container_1 {
	background-image:url(../images/repeat2.gif);
}

div#menuv {
	width:173px;
	float:left;
}

div#menuv div.header {
	background-image:url(../images/menuvHaut.gif);
	background-repeat:no-repeat;
	min-height:125px;
	padding:25px 0 0 0;
}

div#contenu {
	width:820px;
	float:left;
}

div#contenu div.header {
	background-image:url(../images/contenuHaut.gif);
	background-repeat:no-repeat;
	padding:35px 0 0 26px;
}

div#chemin {
	margin:10px 0 10px 4px;
}

div#chemin a {
	color:#a2a2a2;
	text-decoration:none;
}

div#chemin a:hover {
	text-decoration:underline;
}

div#geniecube {
	margin-left:4px;
	width:757px;
}

/* page familles */
div#cadre.familles {
	background-image:url(../images/bandeau-familles.gif);
}
div#cadre.familles div#menuv div.header {
	background-image:url(../images/menuvHautvert.gif);
}
div#cadre.familles div#contenu div.header {
	background-image:url(../images/contenuHautvert.gif);
}
div#cadre.familles div#footer {
	background-image:url(../images/pied-de-page-familles.gif);
	padding-top:230px;
}

/* page seniors */
div#cadre.seniors {
	background-image:url(../images/bandeau-seniors.gif);
}
div#cadre.seniors div#menuv div.header {
	background-image:url(../images/menuvHautorange.gif);
}
div#cadre.seniors div#contenu div.header {
	background-image:url(../images/contenuHautorange.gif);
}
div#cadre.seniors div#footer {
	background-image:url(../images/pied-de-page-seniors.gif);
	padding-top:230px;
}

/* page entreprises */
div#cadre.entreprises {
	background-image:url(../images/bandeau-entreprises.gif);
}
div#cadre.entreprises div#menuv div.header {
	background-image:url(../images/menuvHautbleu.gif);
}
div#cadre.entreprises div#contenu div.header {
	background-image:url(../images/contenuHautbleu.gif);
}
div#cadre.entreprises div#footer {
	background-image:url(../images/pied-de-page-entreprises.gif);
	padding-top:230px;
}

/* page espace sante */
div#cadre.es, div#cadre.esa {
	background-image:none;
}
div#cadre.esa div#menuv ul {
	display:none;
}
div#cadre.es div#menuv div.header, div#cadre.esa div#menuv div.header {
	background-image:none;
}
div#cadre.es div#contenu div.header, div#cadre.esa div#contenu div.header {
	background-image:none;
}
div#cadre.es div#footer {
	background-image:url(../images/pied-de-page-es.gif);
	padding-top:230px;
}
div#cadre.esa div#footer {
	background-image:url(../images/pied-de-page-es-accueil.gif);
	padding-top:230px;
}
div#cadre.es ul#menuh {
	display:none;
}
div#cadre.esa ul#menuh {
	margin:0;
	padding:10px 0 0 0;
	height:24px;
	text-align:center;
}
div#cadre.es div#tocenter {
	background-image:url(../images/bandeau-es.gif);
	background-repeat:no-repeat;
	padding-top:110px;
}
div#cadre.esa div#tocenter {
	background-image:url(../images/bandeau-es-accueil.gif);
	background-repeat:no-repeat;
	padding-top:86px;
}
div#cadre.es div#blocRecherche {
	background-image:url(../images/moteur-de-recherche-es.gif);
}
div#cadre.esa div#blocRecherche {
	display:none;
}
div#cadre.es div#menuv div.header, div#cadre.esa div#menuv div.header {
	padding:5px 0 0 0;
}
div#cadre.es div#contenu div.header, div#cadre.esa div#contenu div.header {
	padding:5px 0 0 26px;
}
div#cadre.es a#espaceAdherent, div#cadre.es a#espaceSante, div#cadre.es div#bandeauFlash,
div#cadre.esa a#espaceAdherent, div#cadre.esa a#espaceSante, div#cadre.esa div#bandeauFlash, div#cadre.esa div#bandeauFlash, 
div#cadre.esa div#rembourssement, div#cadre.esa a#serviceQuotidien, div#cadre.esa a#versAccueil,
div#cadre.es div#rembourssement, div#cadre.es a#serviceQuotidien
 {
	display:none;
}
div#cadre.es ul#menuGenerique, div#cadre.esa ul#menuGenerique {
	display:none;
}

/* MENU HORIZONTAL */
ul#menuh {
	padding:83px 0 0 0;
	margin:0 0 0 196px;
	list-style-type:none;
	overflow:hidden;
}

ul#menuh li {
	display:inline;
	border-right:1px solid #9a9a9a;
	padding-right:15px;
	padding-left:10px;
}

ul#menuh li.last {
	border:none;
}

ul#menuh li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

ul#menuh li a:hover {
	text-decoration:underline;
}
/*****************/

/* MENU VERTICAL */

a#serviceQuotidien {
	background-image:url(../images/service-quotidien.gif);
	background-repeat:no-repeat;
	display:block;
	width:134px;
	height:71px;
	margin:8px 0 0 20px
}
a#serviceQuotidien span {
	display:none;
}
#rembourssement{
	background-image:url(../images/consultations.gif);
	background-repeat:no-repeat;
	width:134px;
	height:47px;
	padding-top:63px;
	margin:8px 0 8px 20px;
}
#rembourssement a#espacea, #rembourssement a#espacep{
	background:url(../images/puce-consultations.gif) no-repeat 0 3px;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	color:#fff;
	display:block;
	margin-left:5px;
	padding-left:13px;
	text-decoration:none;
	height:15px;
}
#rembourssement a#espacep:hover span, #rembourssement a#espacea:hover span{
	text-decoration:underline;
}
a#versAccueil {
	background-image:url(../images/btn-es-accueil.gif);
	background-repeat:no-repeat;
	display:none;
	width:134px;
	height:60px;
	margin:8px 0 0 20px
}
div#cadre.esa a#versAccueil {
	display:none;
}
a#versAccueil span {
	display:none;
}
div#cadre.es a#versAccueil {
	display:block;
}

div#blocRecherche {
	width:134px;
	height:60px;
	background-image:url(../images/moteur-de-recherche.gif);
	margin:8px 0 8px 20px;
	position:relative;
}

div#blocRecherche input#champDeRecherche {
	position:absolute;
	border:none;
	width:107px;
	left:6px;
	top:28px;
}

div#blocRecherche input#validationRecherche {
	position:absolute;
	border:none;
	background:none;
	width:12px;
	height:21px;
	left:117px;
	top:28px;
	cursor:pointer;
}
/*****************/

/* PIED DE PAGE */
div#footer {
	background-image:url(../images/pied-de-page.gif);
	background-repeat:no-repeat;
	clear:both;
	padding:209px 0 15px 0;
	position:relative;
}

div#footer ul {
	padding:0 0 0 210px;
	margin:0;
	list-style-type:none;
}

div#footer ul li {
	display:inline;
	border-right:1px solid #000000;
	padding:0 15px 0 12px;
}

div#footer ul li.last {
	border-right:none;
}

div#footer ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

div#footer ul li a:hover {
	text-decoration:underline;
}

div#footer div#addonline {
	position:absolute;
	right:88px;
	bottom:0px;
}
div#footer div#addonline img {
	vertical-align:middle;
}
div#footer div#addonline a {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}
div#footer div#addonline a:hover {
	text-decoration:underline;
}
/****************/

div#bandeauFlash {
	background-image:url(../images/bandeau-flash.jpg);
	width:764px;
	height:121px;
}

/* items */
div#menuv ul {
	margin:20px 0 0 0;
	padding:20px 0 0 20px;
	list-style-type:none;
	background-image:url(../images/ulhaut.gif);
	background-repeat:no-repeat;
}

div#menuv ul.notopborder {
	background-image:none;
	padding-top:0;
}

div#menuv ul li {
	margin-bottom:6px;
}

/* déclarations génériques */
a.item {
background-repeat:repeat-y;
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
width:134px;
}
li.item{
	display:block;
	width:132px;
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
a.item span.t {
background-position:center top;
background-repeat:no-repeat;
display:block;
}
a.es span.t {
background-image:url(../images/items/esHaut.gif);
}

a.item span.b {
background-position:center bottom;
background-repeat:no-repeat;
display:block;
padding-bottom:6px;
padding-top:6px;
}
a.es span.b {
background-image:url(../images/items/esBas.gif);
}

a.item span.text {
background-repeat:no-repeat;
display:block;
line-height:12px;
margin-left:5px;
padding-bottom:2px;
padding-left:22px;
}
a.es span.text {
background-image:url(../images/items/esPuce.png);
}

li.item span.t {
	display:block;
	background-repeat:no-repeat;
	background-position:top;
}

li.item span.b {
	display:block;
	
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:6px;
	padding-top:6px;
}

li.item span.text {
	display:block;
	margin-left:5px;
	padding-left:13px;
	background-repeat:no-repeat;
	line-height:12px;
	padding-bottom:2px;
}

/* couleur rouge (page d'accueil) */
a.rouge {
	background-image:url(../images/items/rougeRepeat.gif);
}
a.rouge:hover {
	background-image:url(../images/items/rougeRepeat_r.gif);
}
a.rouge span.t {
	background-image:url(../images/items/rougeHaut.gif);
}
a.rouge:hover span.t {
	background-image:url(../images/items/rougeHaut_r.gif);
}
a.rouge:hover span.b {
	background-image:url(../images/items/rougeBas_r.gif);
}
a.rouge span.b {
	background-image:url(../images/items/rougeBas.gif);
}
a.rouge span.text {
	background-image:url(../images/items/rougePuce.png);
}
a.rouge:hover span.text {
	background-image:url(../images/items/rougePuce_r.png);
}
li.bleum a:hover span, li.orangem a:hover span, li.vertm a:hover span{
	text-decoration:underline;
}
/* couleur bleu (page d'accueil) */

li.bleum {
	background:url(../images/items/bleuHautM.gif) no-repeat top;
	padding-top:35px;
}
li.bleum a{
	background:url(../images/items/bleuRepeatM.gif);
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding-bottom:3px;
}
li.bleum div img{	
	display:block;
}
li.bleum a span.text {
	background:url(../images/items/bleuPuceM.gif) no-repeat 0px 3px ;
	
}
/* couleur orange (page d'accueil) */

li.orangem {
	background:url(../images/items/orangeHautM.gif) no-repeat top;
	padding-top:35px;
}
li.orangem a{
	background:url(../images/items/orangeRepeatM.gif);
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding-bottom:3px;
}
li.orangem div img{	
	display:block;
}
li.orangem a span.text {
	background:url(../images/items/orangePuceM.gif) no-repeat 0px 3px ;
	
}

/* couleur vert (page d'accueil) */

li.vertm {
	background:url(../images/items/vertHautM.gif) no-repeat top;
	padding-top:35px;
}
li.vertm a{
	background:url(../images/items/vertRepeatM.gif);
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding-bottom:3px;
}
li.vertm div img{	
	display:block;
}
li.vertm a span.text {
	background:url(../images/items/vertPuceM.gif) no-repeat 0px 3px ;
	
}

/* couleur verte (page famille) */
a.vert {
	background-image:url(../images/items/vertRepeat.gif);
}
a.vert span.t {
	background-image:url(../images/items/vertHaut.gif);
}
a.vert:hover span.t {
	background-image:url(../images/items/vertHaut_r.gif);
}
a.vert:hover span.b {
	background-image:url(../images/items/vertBas_r.gif);
}
a.vert span.b {
	background-image:url(../images/items/vertBas.gif);
}
a.vert span.text {
	background-image:url(../images/items/vertPuce.png);
}
a.vert:hover span.text {
	background-image:url(../images/items/vertPuce_r.png);
}

/* couleur orange (page seniors) */
a.orange {
	background-image:url(../images/items/orangeRepeat.gif);
}
a.orange:hover {
	background-image:url(../images/items/orangeRepeat_r.gif);
}
a.orange span.t {
	background-image:url(../images/items/orangeHaut.gif);
}
a.orange:hover span.t {
	background-image:url(../images/items/orangeHaut_r.gif);
}
a.orange:hover span.b {
	background-image:url(../images/items/orangeBas_r.gif);
}
a.orange span.b {
	background-image:url(../images/items/orangeBas.gif);
}
a.orange span.text {
	background-image:url(../images/items/orangePuce.png);
}
a.orange:hover span.text {
	background-image:url(../images/items/orangePuce_r.png);
}

/* couleur bleue (page entreprises) */
a.bleu {
	background-image:url(../images/items/bleuRepeat.gif);
}
a.bleu:hover {
	background-image:url(../images/items/bleuRepeat_r.gif);
}
a.bleu span.t {
	background-image:url(../images/items/bleuHaut.gif);
}
a.bleu:hover span.t {
	background-image:url(../images/items/bleuHaut_r.gif);
}
a.bleu:hover span.b {
	background-image:url(../images/items/bleuBas_r.gif);
}
a.bleu span.b {
	background-image:url(../images/items/bleuBas.gif);
}
a.bleu span.text {
	background-image:url(../images/items/bleuPuce.png);
}
a.bleu:hover span.text {
	background-image:url(../images/items/bleuPuce_r.png);
}

/* couleur vert (espave sante) */
a.es {
	background-image:url(../images/items/esRepeat.gif);
}
a.es:hover {
	background-image:url(../images/items/esRepeat_r.gif);
}
a.es span.t {
	background-image:url(../images/items/esHaut.gif);
}
a.es:hover span.t {
	background-image:url(../images/items/esHaut_r.gif);
}
a.es:hover span.b {
	background-image:url(../images/items/esBas_r.gif);
}
a.es span.b {
	background-image:url(../images/items/esBas.gif);
}
a.es span.text {
	background-image:url(../images/items/esPuce.png);
}
a.es:hover span.text {
	background-image:url(../images/items/esPuce_r.png);
}

/* MENU DEROULANT */
div.menud {
	position:absolute;
	top:300px;
	left:500px;
	z-index:1;
	width:132px;
	background-image:url(../images/menu/top.gif);
	background-repeat:no-repeat;
}
div.menud ul {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}

div.menud ul li {
	background-image:url(../images/menu/repeat.gif);
	background-repeat:repeat-y;
}

div.menud ul li.ssmenulast {
	background-image:url(../images/menu/bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:10px;
}

div.menud ul li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#585858;
	text-decoration:none;
	background-image:url(../images/menu/separateur.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:3px 14px 3px 14px;
}

div.menud ul li.ssmenulast a {
	/*background-image:none;*/
}

div.menud ul li a:hover {
	color:#FFFFFF;
}