
/*HEADER*/

#header {
width:951px;
height:106px;
float: left;

}
#logo  {
		width:233px;
		height:auto;
		cursor: pointer;
		vertical-align: top;
		}

#baseline {
		width:718px;
		text-align:right;
		height: 14px;
		line-height: 14px;
		
		}
#baseline h1 {
		color:#fff;
		height:14px;
		font-size:12px;
		margin-right: 25px;
		font-weight: bold;
		overflow: hidden;
		
		}
/*MENU*/		
#menu  {
width:718px;
background:url(http://www.digitalworld.fr/interface/image/header/sub_menu_bg.png )  no-repeat bottom;
height:55px;
margin-top:9px;

}

#menu div {
	float:left;
	margin-right:5px;
	background:none;
	background:url(http://www.digitalworld.fr/interface/image/header/ong_menu_off.png) center top no-repeat;
	
}

#menu a.onglet {
	width:82px;
	text-align: center;
	height:30px;
	font-size:14px;
	margin:0;
	padding:0;
	font-weight: bold;
	line-height: 30px;
	color:#fff;
	text-transform: uppercase;
	text-decoration:none;
	display: block;
	
}

#menu div.onglet:hover{
	background:url(http://www.digitalworld.fr/interface/image/header/ong_menu_on.png) center top no-repeat;	
}


#menu div a.onglet:hover{
	background:url(http://www.digitalworld.fr/interface/image/header/ong_menu_on.png) center top no-repeat;	
}


#menu div.select_cat{
	background:url(http://www.digitalworld.fr/interface/image/header/ong_menu_on.png) center top no-repeat;	
}


#ss_menu_service
{ 
	float:none;
	margin:0px 0px 0 0;
	padding:0; 
	list-style:none; 
	display: none;
	position: absolute;
	background-color: black; 
	opacity:0.85; 
	filter : alpha(opacity=85);
	
	}


/*#ss_menu_service a { text-align:center; float: none; margin:0 0 0 0;padding:0 0 0 0; left: auto;  }*/
#ss_menu_service a{
	font-family: arial;
	padding: 0px 0 0px 5px;
	margin:0;
	height: 16px;
	line-height: 16px; 
	border-bottom: 1px dotted gray; 
	color:white;
	font-weight:normal;
	display: block;
	width:145px;
	text-align:left;
	background-color: black; 
	font-size: 10px; 
	}

#ss_menu_service a:hover{background:#ff9900 ;  }


/*BOTTOM MENU*/

#content {background:#fff;margin-left:1px;}
#menuinter {background:#fff;width:951px;height:28px;display:block;font-size:9px;font-family:Arial}
#menuinter a.first {margin-right:5px;display:block;float:left;}
/*forumlaire recherche*/

#menuinter form {background:url(http://www.digitalworld.fr/interface/image/header/recherche.png) no-repeat left top;width:162px;height:24px;float:left;display:block;padding:4px 0 0 31px;}
#menuinter input {width:128px;height:15px;line-height:15px;float:left;display:block;color:#999999;text-align: center; padding: 0}

input.ok {margin-left:3px;width:21px;height:21px; background: url(http://www.digitalworld.fr/interface/image/header/ong_bt_ok.png) no-repeat top left;border: 0;}
input.ok:hover { background: url(http://www.digitalworld.fr/interface/image/header/ong_bt_ok_hover.png) no-repeat top left;}
#menuinter input.ok {margin-left:3px;width:21px;height:21px; display:block;float: left;}
#menuinter input.ok:hover {background: none;}

/*4boutons*/
#menuinter a {color:#fff;text-decoration:none;line-height:14px;font-family: arial;font-size: 10px;font-weight: normal;}
#menuinter img {vertical-align: top}
#menuinter div {height:28px;float:left;padding-left:20px;color:#fff;text-align:center;border:0px;}
#menuinter .comp {background:url(http://www.digitalworld.fr/interface/image/header/comparateur.png) no-repeat left top;width:95px;margin-left:3px;text-transform:uppercase;}
#menuinter .cad {background:url(http://www.digitalworld.fr/interface/image/header/cadeaux.png) no-repeat left top;width:87px;margin-left:3px;text-transform:uppercase;}
#menuinter .vid {background:url(http://www.digitalworld.fr/interface/image/header/videos.png) no-repeat left top;width:89px;margin-left:3px;text-transform:uppercase;}
#menuinter .hum {background:url(http://www.digitalworld.fr/interface/image/header/humour.png) no-repeat left top;width:79px;margin-left:3px;text-transform:uppercase;}
#menuinter .agenda {background:url(http://www.digitalworld.fr/interface/image/header/agenda.png) no-repeat left top;width:95px;margin-left:3px;text-transform:uppercase;}
#menuinter strong {font-size:11px;font-weight:bold;font-family: arial}
/*se connecter + compte*/

div#connexion {background:url(http://www.digitalworld.fr/interface/image/header/DW_se_connecter.png) no-repeat left top;width:120px;margin:0px;padding:0 ;float: right;}
#connexion a {font-size:12px;font-weight:bold;margin-left: 20px;margin-top: 7px;display: block;}
#connexion a:hover {color:#ff9900;}
div#compte {font-size:11px;background:url(http://www.digitalworld.fr/interface/image/header/compte.png) no-repeat left top;width:105px;height:28px;margin:0px;padding: 0px;float: right;}
#compte a {color:#cfff00;font-weight:bold;text-transform:uppercase;font-size:11px; line-height:12px;margin: 4px 0 0 25px;display: block;}


/*MEMBRE*/

.login_member { color:#F4971E; font-weight: bold; font-size: 12px;}

.login_member a { vertical-align: middle;color:#F4971E;font-size: 12px ;}

div#deja_connect  {
background:url(http://www.digitalworld.fr/interface/image/header/deja_connect_fin.png) repeat-x top left;
color: #fff;
margin: 0;
vertical-align: middle;
float: right;
padding-top: 5px;
padding-left:5px;
height: 23px;
font-size: 13px;
font-weight: bold;
overflow: hidden;

text-align: right;

}

#deja_connect a  {font-size: 13px;font-weight: bold;}
#deja_connect a:hover  {color:#ff9900;}

div#deja_connect_deb {
background:url(http://www.digitalworld.fr/interface/image/header/deja_connect_deb.png) no-repeat left;
width: 7px;
padding-left:0;
float: right;

}

#login a{
color:#fff;
font-weight:bold;
}

#login a:hover{
color: #FF9900;
}

#a_ico_deco{
	padding-left:5px;
	
}



#ico_deco{
	vertical-align: middle;	
	padding-right: 5px;
}

#video_musee_deb{
	background:url(http://www.digitalworld.fr/interface/image/header/video_musee_deb.jpg) no-repeat left;	
	width: 7px;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
}

#video_musee_centre{
	background:url(http://www.digitalworld.fr/interface/image/header/video_musee_centre.jpg) repeat-x left;	
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
	text-align: center;
	
}

#video_musee_centre a{
color: #fff;
line-height: 10px;
font-size:10px;
margin: 0 0 0 0 ;
padding: 0 0 0 0;
text-align: center;
}

#video_musee_fin{
	background:url(http://www.digitalworld.fr/interface/image/header/video_musee_fin.jpg) no-repeat left;	
	width: 10px;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
}


#adv728 {
width:728px;
height:90px;
float:left;
text-align: center;
}

#adv728_newsletter #newsletter{	position: static;}
div#adv728_newsletter *{position: static;}

#newsletter {width:193px;float:left;margin-left:10px;}
#newsletter h2 {background:url(http://www.digitalworld.fr/interface/image/header/top_news.png) no-repeat left top;width:193px;height:16px;padding-top:5px;
color:#fff; text-align:center;text-transform:uppercase;font-size:10px;}
#newsletter span {color:#FF9900;}
#newsletter div {background:url(http://www.digitalworld.fr/interface/image/header/fd_news.png) no-repeat top left ;width:193px;height:73px; text-align: right;}
#newsletter input.mail {border:1px solid #CFCFCF;color:#666666;width:170px;margin-top:10px;margin-right:5px;margin-bottom:13px;font-size:10px;padding-right:10px;}
#newsletter img.abonnement {float: right;display: block;margin-right: 5px }

















/*
#newsletter {
width:194px;
float:left;
margin-left:9px;
font-weight:bold;
color:#666666;
background: url(http://www.digitalworld.fr/interface/image/body/bg_newsl.jpg) no-repeat;
height:90px;
}



#newsletter input {
margin-top:25px;
width:176px;
border:1px #CCCCCC solid;
color:#999999;
}

#newsletter span {
text-align:center;
margin:6px;
line-height:21px;
float:right;
}
#newsletter img {
cursor: pointer;
}

*/
/*VISIONNEUSE*/

#visio {width:631px; height:266px; float:left;}



