/* BODY APPEARANCE */

/*  Dégradé de fond - change si un menu est affiché ou non   */
#without_javascript_menu {
	background-image: url(/dgs/health_consumer/design/images/bg-page02.gif);
	background-position:0 95px;
}
#with_javascript_menu {
	background-image: url(/dgs/health_consumer/design/images/bg-page.gif);
	background-position:0 70px;
}
/* Logo en vague */

.imagetable {
  	width: 100%;
	background-image: url(../images/consumer01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.linecolor {
	background-color:#064a8b;
}

/*  Espace entre le header (logo + menu) et le premier paragraphe
    Si il y a le logo en vague (souvent avec le menu de gauche alors il
	faut décaller plus)
*/
.no-menu-top-space {
	margin-top: 2px;
}
.with-menu-top-space {
	margin-top: 45px;
}

/* section */
.section_top_border {
	border-top:solid 1px #94acc6;
	background-color:#FFFFFF;
}
.section_top_left {
	background-image: url(../images/sect_title_top_left.gif);
	background-repeat: no-repeat;
	vertical-align:top;
	background-position: left top;
	height:20px;
}
.section_top_titlebox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	background-color: #508abc;
}
.section_top_slider {
	background-color: #508abc;
	background-image: url(../images/sect_title_slide.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.section_top_right {
	background-image: url(../images/sect_title_top_right.gif);
	background-repeat: no-repeat;
	vertical-align:top;
	background-position: right top;
	height:20px;
}
.section_top_bottom1 {
	background-color:#508abc;
	border-left:solid 1px #94acc6;
}

.section_top_bottom2 {
	background-color:#ffffff;
	border-right:solid 1px #94acc6;
}
.section_bottom_left {
	background-image: url(../images/sect_bottom_left.gif);
	background-repeat: no-repeat;
	vertical-align:bottom;
	background-position: right top;
}
.section_bottom_right {
	background-image: url(../images/sect_bottom_right.gif);
	background-repeat: no-repeat;
	vertical-align:bottom;
	background-position: right top;
}
.section_bottom_border {
	background-color:#FFFFFF;
	border-bottom:solid 1px #94acc6;
}
.section_left_border {
	background-color:#FFFFFF;
	border-left:solid 1px #94acc6;
}
.section_right_border {
	background-color:#FFFFFF;
	border-right:solid 1px #94acc6;
}
.section_content {
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
}
#justify {
	text-align:justify;
}

/* new consumer pages */

li.fleche{
	list-style-image:url(/consumers/images/fleche.gif);
}

#fleche_bleue {
	list-style-image:url(/consumers/images/fleche_bleue.gif);
}


#safeintro {
	color:#666666;
	font-weight:bold;
}

a.flecheblanc:link{
	color: #ffcccc;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
}

a.flecheblanc:visited{
	color: #ffcccc;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
}

a.flecheblanc:hover{
	color: #ffcccc;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;

}

a.flecheblanc:active{
	color: #ffcccc;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
}


/* European consuemer day*/
/* CSS Document */

#content_home {
	height:620px;
	padding:15px 460px 15px 15px;
	background:url(/consumers/ecd/images/img_home_V02.jpg) no-repeat right bottom;
	background-color:#FFFFFF;
}

#content_flash {
	height:650px;
	padding:0 15px 15px 15px;
	background-color:#FFFFFF;
}

#content_page {
	padding:15px 260px 15px 15px;
	background:url(/consumers/ecd/images/img_home_V01.jpg) no-repeat right bottom;
	background-color:#FFFFFF;
}


#texte_principal {
	text-align:justify;	
	width:80%;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#texte_principal h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:180%;
	color:#34506a;
}

#texte_principal p {
	color:#34506a;
}


#texte_principal a {
	font-size:100%;
}

.bottom_links  {
	text-align:left;
	padding:10px 0 0 15px;
}

.bottom_links li {
	padding-top:5px;
}

.bottom_links li a:hover{
	padding-top:5px;
	color:#4f86ce;
}

.bottom_links2  {
	text-align:left;
	padding:0 0 0 15px;
}

.bottom_links2 li {
	padding-top:5px;
}

.bottom_links2 li a:hover{
	padding-top:5px;
	color:#4f86ce;
}

#img_droite{
	float:right;
}

#map_flash {
	width:550px;
	margin: 0 auto 0 auto;
}



/*TOOLTIP CA*/


a.tooltip_ca{
    position:relative; /*this is the key*/
    z-index:24;
	text-decoration:none;
}

a.tooltip_ca:hover{z-index:25}

a.tooltip_ca span{display: none}

a.tooltip_ca:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	top:1.5em; left:1.5em;
    width:auto;
	padding:5px 10px;
    border:1px solid #9f0e51;
    background-color:#f8d8e7; color:#9f0e51;
	font-weight:bold;
    text-align: center}