body {
	background: #fff url(../img/bg_header.gif) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
body , ul, li, form, fieldset, legend { margin:0; padding:0; }
li{list-style:none; line-height:1.2em;}

h1{ font-size:1.4em;}
h2{ font-size:1em;}
p, li, label { font-size:.8em;}
span,input, .credit{ font-size:.7em;}

a{ color:#000; text-decoration:none; }
a:hover{ text-decoration:underline; }
h2 a{ color:#02B2DB; }

h1{
	margin:0;
	padding:0 0 13px 0;
	color:#02B2DB;
	background:url(../img/bg_h1.gif) left bottom no-repeat;
}
h2{
	margin:10px 0 0 0 ;
	padding:0;
	color:#02B2DB;
}

.lie2{
	font-size:1em;
	text-decoration:none;
}
.lie2 a{ 
	color:#005079;
	text-decoration:underline;
} 
.lie2 a:hover{
	color:#02B2DB; 
	text-decoration:underline;
}

/* ---- HEADER ---- */

#header {
	background: transparent url(../img/bg_header_2.gif) bottom left no-repeat;
	height:69px;
}

/* ---- LOGO MARGIN 10px 0 0 20px ---- */
/* ---- LOGO WIDTH 164 px HIEGHT 49 px ---- */
#logo{ 
	background: transparent url(http://www.vivago.fr/images/2011_appel-malade.jpg) top left no-repeat;
	position: absolute;
	margin:0px 0 0 0px;
	display: block;
	width:888px;
	height:62px;
}
#logo strong{
	position: absolute;
	top:-500px;
	left:-500px;
}
#banniere{ 
	position: absolute;
	top:1px;
	left:330px;
}


 
/* ---- MAIN ---- */

#main {
	background: transparent url(../img/bg_main.gif) top left no-repeat;
	width:900px;
}


#col_menu{
	width: 230px;
	float:left;
	padding:10px 0 0 2px;
}
#col_menu a{ 
	color:#02B2DB;
	text-decoration:none;
}
#col_menu a:hover{ 
	text-decoration: underline;
}
#col_menu div{ 
	background: transparent url(../img/bg_col_menu.gif) left bottom no-repeat;
	padding-bottom:25px;
	margin-bottom:15px;
}




.animations p {	text-align:justify;	}
.animations object { margin-left:75px; }
.niv1{ font-weight:bold; }
.niv1 li { margin-top:2px; margin-bottom:2px; }
.niv1 a{ background-color:#ceeffa; color:#005079 !important; display:block; width:80%; }
.niv1 a:hover{ background-color:#aae7fb; text-decoration:none !important; }
.niv2{ margin-left:10px; background-color:#fff !important; }
.niv2 a{ font-size:1.1em; background-color: transparent !important; }
.niv2 a:hover{ text-decoration:underline !important;  }
.niv3 {font-size:1.1em;  margin-left:10px; }

.niv4{ font-weight:bold; }
.niv4 li { margin-top:2px; margin-bottom:2px; }
.niv4 a{ background-color:#d3de01; padding:2px 0px 0px 2px; color:#006f9e !important; display:block; width:80%; }
.niv4 a:hover{ background-color:#f6f8c4; padding:2px 0px 0px 3px; text-decoration:none !important; }
.niv5{ margin-left:10px; background-color:#fff !important; }
.niv5 a{ font-size:1.1em; background-color: transparent !important; }
.niv5 a:hover{ text-decoration:underline !important;  }

.on{ 
	background: url(../img/bg_li_menu.gif) left 4px no-repeat; 
	margin-left:-10px;	
	padding-left:10px;
}


.hometitle1 {
            font: 24px sans serif;  
            font-family: Helvetica;
            color: #0099ca;
            font-weight: bold;
 }
.hometitle2 {
            font: 24px sans serif;  
            font-family: Helvetica;
            color: #000000;
            font-weight: regular;
 }
.hometitle3 {
            font: 30px sans serif;  
            font-family: Helvetica;
            color: #0099ca;
            font-weight: bold;
 }
.hometitle4 {
            font: 18px sans serif;  
            font-family: Helvetica;
            color: #000000;
            font-weight: regular;
 }
td.fondclip{
background-image: url('http://www.vivago.fr/images/bouton_clip_vivago.jpg');
background-repeat: no-repeat ;
background-position:270px 8px;
}




#col_menu fieldset{ 
	border:0;
}
#col_menu legend{ 
	color:#02B2DB;
	font-size:.8em;
	font-weight:bold;
}

#outils ul{
	background:url(../img/bg_outils.gif) center bottom no-repeat;
	padding-bottom:10px;
	padding-right:20px;
	position: absolute;
	left:800px;
	top:118px;
	width:92px;
}
#outils li{
	float:right;
	margin-left:10px;
}
#outils a{
	display:block;
}
#outils strong{
	position: absolute;
	top:-500px;
	left:-500px;
}
#TaillePlus{ background:url(../img/ico_t_plus.gif) left center no-repeat; width:12px; height:16px; }
#TailleMoins{ background:url(../img/ico_t_moins.gif) left center no-repeat; width:12px; height:16px; }
#print{ background:url(../img/ico_imprim.gif) left center no-repeat; width:13px; height:16px; }



#col_contenu{
	margin-left: 250px;
	padding-top: 80px;
}
#col_contenu ul{
	margin-left:10px;
}
#col_contenu li{
	 background:url(../img/bg_li.gif) left 8px no-repeat;
	 padding-left: 10px;
}


#hautDePage{
	font-size:.7em;
	text-align:right;
	margin-top:10px;
}
#hautDePage a{
	color:#000;
	background:url(../img/bg_hautDePage.gif) left center no-repeat;
	padding:5px 0 5px 15px;
}


/* ---- FACEBOOK ---- */
#extra {
	padding-bottom:10px;
	padding-right:20px;
	position: absolute;
	left:850px;
	top:118px;
	width:50px;
}





/* ---- FOOTER ---- */
#footer { 
	width:900px;
	background: transparent url(../img/bg_footer.gif) top center no-repeat;
	padding-top:20px;
	margin-top:20px;
	text-align:center;
	clear:both;
}
#footer ul{
	margin:0 0 20px 0;
	padding:0;
}
#footer li{
	margin:0 5px;
	font-size:.7em;
	display:inline;
	font-weight:bold;
}
#footer a{
	color:#333;
}
#footer span{
	background: transparent url(../img/logo_vivacio_2.gif) center left no-repeat;
	padding: 5px 0 5px 80px;
}

/*  ----- page contact -----  */
fieldset.form label {  width:36%; float:left; text-align:right; clear:left; margin-bottom:10px; }
fieldset.form { width:340px; padding:10px; }
fieldset.form input { width:44%; float:center; margin-bottom:10px; }
fieldset.form legend {font-size:.7em; font-weight:bold;}

/*  ----- page jeu -----  */
fieldset.form2 label {  width:60%; float:left; text-align:right; clear:left; margin-bottom:10px; }
fieldset.form2 { width:340px; padding:10px; }
fieldset.form2 input { width:20%; float:center; margin-bottom:10px; }
fieldset.form2 legend {font-size:.7em; font-weight:bold;}



/*  ----- page resultats -----  */
dt a {
	font-weight:bold;
	font-size:0.8em;
	color:#02B2DB;
	}
dd .o_normal .b {
	font-weight:bold;
	font-size:1em;
	color:#000;
	}




#col_navigation{
	width: 230px;
	float:left;
	padding:150px 0 0 0px;
}


#navigation {
			margin: 0;
			padding: 0;
			list-style: none;
			background: #fff;
			color: #003762;
			width: 200px;
			font: 15px "Arial", sans-serif;
			}

		#navigation a, #navigation span {
			display: block;
			padding: 4px 10px;
			color: #00547a;
			text-decoration: underline;
			background: #fff url(../img/menu-item.png) left bottom no-repeat;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: url(../img/menu-item-deroule.png);
			}
		#navigation .open a, #navigation .open span {
			background-image: url(../img/menu-item-enroule.png);
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: underline;
			}
		#navigation .subMenu {
			font-size: 15px;
            color: #000000;
			background: #ceeffa url(subMenu.png) 0 0 repeat-x;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #fff;
			}
		#navigation ul.subMenu a {
			background: none;
            color: #000000;
			padding: 3px 20px;
			}


#navigationverte {
			margin: 0;
			padding: 0;
			list-style: none;
			background: #fff;
			color: #003762;
			width: 200px;
			font: 15px "Arial", sans-serif;
			}

		#navigationverte a, #navigationverte span {
			display: block;
			padding: 4px 10px;
			color: #00547a;
			text-decoration: underline;
			background: #fff url(../img/menu-item-verte.png) left bottom no-repeat;
			}