/* balises */
body, form { margin:0; padding:0; }
	div { font:normal 12px arial; color:#231f20; }
	ul { margin:0; padding:0; list-style-type:none; }
	li { margin:0; padding:0; }
	img { display:block; border:0; }
	h1 { display:none; }
	h2 { margin:0 0 10px 0; padding:10px 0; border-bottom:2px solid #F60; }
	h3 { margin:0; padding-left:18px; font-size:12px; background:transparent url(img/puce_fleche1.gif) no-repeat 0 1px; }
	table { margin:10px 0; width:100%; border-collapse:collapse; }
		th, td { text-align:center; }
		th { height:25px; font-weight:bold; color:#F60; }
	a { text-decoration:none; color:#F60; }
	a:hover { text-decoration:underline; }
	sup { font-size:9px; }
	/* styles courants */
	.orange { color:#F60; }
	.left { float:left; }
	.right { float:right; }
	.clear { clear:both; }
	.fleche { display:block; padding-left:12px; background:transparent url(img/puce_fleche2.gif) no-repeat 0 5px; }
	.fleche1 { display:block; margin-left:-18px; padding:0 0 4px 18px; background:transparent url(img/puce_fleche1.gif) no-repeat 0 1px; }
	.logo_img { display:block; float:right; padding:17px 0 10px 10px; }
	.carre { display:block; padding-left:12px; background:transparent url(img/puce_carre.gif) no-repeat 0 5px; }
	.hdp { float:right; display:block; margin-bottom:20px; padding-left:12px; font-size:11px; background:transparent url(img/puce_fleche2.gif) no-repeat 0 5px; }
	.pad { margin:5px 0 20px 18px; padding:0 0 10px 0; border-bottom:1px solid #CCC; font:normal 11px arial; color:#434343; }
	.pad .hdp { float:none; margin:5px 0 0 0; }
	.mentions { font-size:10px; margin-bottom:20px; padding:0 0 10px 18px; border-bottom:1px solid #CCC; }
	/*.paragraphe a { text-decoration:underline; }*/
	.bold { font-weight:bold; }
	
/* montage principal */
#container { margin:0 auto; padding:20px 0; width:928px; text-align:left; }
	#header { position:relative; margin:0 auto 6px; width:920px; height:143px; }
		.logo_orange { position:absolute; top:13px; }
		.logo_wifiaccess { position:absolute; top:13px; right:0; }
		#banner { position:absolute; left:147px; width:590px; height:20px; }
		#header p { position:absolute; top:84px; margin:0; padding-left:3px; width:913px; height:16px; background-color:#EFEFEF; }
		#header form { position:absolute; top:80px; right:4px; }
		#header form, #header select { margin:0 6px; font-size:11px; }
		/*  menu */
 			#menu { position:absolute; z-index:100; top:102px; width:916px; height:41px;}
			#menu .item_menu { float:left; }
 			#menu .princ { display:block; height:41px; background-image:url(img/menu_fr.gif); cursor:default; }
			#menu .princ span { display:none; }
			#menu .smenu { overflow:hidden; position:relative; height:0; }
 			#menu .smenu a { color:#000; background:none; }
 			#menu .smenu a:hover { text-decoration:none; color:#F60; }
 			#menu .smenu ul { background:#FFF; border:1px solid #CCC; border-width:0 1px; }
 			#menu .smenu li { padding:2px 0 0 16px; border-bottom:1px solid #CCC; height:18px; background:#FFF url(img/puce_fleche3.gif) no-repeat 4px 6px; }
			
			#m_avantages { width:173px; }
				#m_avantages a { background-position:0 0; }
				#m_avantages a:hover { background-position:0 -41px; }			
				#m_avantages ul { width:171px; }
			#m_offres { width:232px; }
				#m_offres a { background-position:-173px 0; }
				#m_offres a:hover { background-position:-173px -41px; }
				#m_offres ul { width:230px; }
			#m_recherchez { width:197px; }
				#m_recherchez a { background-position:-405px 0; }
				#m_recherchez a:hover { background-position:-405px -41px; }			
				#m_recherchez ul { width:195px; }
			#m_devenez { width:184px; }
				#m_devenez a { background-position:-602px 0; }
				#m_devenez a:hover { background-position:-602px -41px; }	
				#m_devenez ul { width:182px; }
			#m_eboutique { width:130px; }
				#m_eboutique a{ background-position:-786px 0; cursor:pointer; }
				#m_eboutique a:hover { background-position:-786px -41px; cursor:pointer; }
		/* fin  menu */
		
		/* menu nav */
			#nav { margin-top:2px; }
			#nav ul { padding:8px; }
			#nav li { padding:1px 0 2px 4px; border-bottom:1px solid #CCC; }
			#nav a { display:block; padding:5px 0 0 12px; height:19px; font:bold 11px arial; color:#434343; background:#FFF url(img/puce_fleche3.gif) no-repeat 0 8px; }
			#nav a:hover, #nav a.current { text-decoration:none; font-weight:bold; color:#F60; background:#FFF url(img/puce_fleche2.gif) no-repeat 0 8px; }
			#nav a.current { cursor:default; }
			#nav .itemSnav { display:block; overflow:hidden; padding-left:12px; }
			#nav .itemSnav a { font-weight:normal; color:#434343; border-top:1px solid #CCC; }
			#nav .itemSnav a:hover, #nav .itemSnav .current { font-weight:normal; color:#F60; }
			#nav .itemSnav .current { cursor:default; background:#FFF url(img/puce_fleche2.gif) no-repeat 0 8px; }
		/* fin nav */
			
	#footer { position:relative; clear:both; margin:0 auto; width:915px; border-top:3px solid #d5d7d6; font-size:11px; }
		#footer ul { margin-top:10px; }
		#footer ul li { display:block; float:left; margin-right:10px; padding-left:9px; background:transparent url(img/puce_carre.gif) no-repeat 0 6px; }
		#footer a { color:#231f20; }
		#footer img { float:left; margin-top:-4px; }
		#footer .logo { clear:both; margin:20px 0; }
		
/* home */
#home { float:left; margin-right:6px; _margin-right:3px; width:691px; }
	#sondage { }
		#sondage_valid { position:absolute; right:0; bottom:32px; }
		#sondage_result { position:absolute; right:0; bottom:7px; }
		#sondage .rad { margin:0 2px -2px 16px; *margin:-4px 0 -1px 12px; }
	#blogs { float:left; margin-left:5px; padding:7px 0 0 10px; width:476px; height:298px; background:#FFF url(img/bg_blogs.gif) no-repeat; }
		#blogs .case { position:relative; margin-bottom:2px; width:460px; height:95px; background:transparent url(img/blogs_separateur.gif) no-repeat 0 bottom; }
		#blogs .case div { position:absolute; left:0; top:0; padding:3px 0 0 3px; width:123px; background:#FFF url(img/bg_blogs_img.gif) no-repeat; }
		#blogs .case div img { max-height:85px; }
		#blogs .case p { position:absolute; left:140px; top:10px; margin:0; width:310px; }
		#blogs .case .ensavoirplus { position:absolute; right:0; bottom:7px; }
		#blogs .case .message { position:absolute; left:0; top:15px; font:bold 10px arial; }

#home_col { float:left; width:227px; }
	#home_col .case p { margin:0; }
	#home_col .case form { padding:17px 17px 10px 17px; }
	#home_col .case, #home_col .case .bottom { width:227px; background:#FFF url(img/bg_col_case.gif) no-repeat; }
	#home_col .case .bottom { clear:both; height:11px; background-position:0 -389px; }
	#form_newsletter { background:transparent url(img/bg_form_recevez.gif) no-repeat 160px 12px; }
	#form_hotspots { background:transparent url(img/bg_form_recherchez.gif) no-repeat 139px 7px; }
	#home_col label { display:block; margin:0 0 5px 0; }
	#home_col .saisie { float:left; padding:1px 2px 0; width:136px; height:19px; border:1px solid #9b9b9b; }
	#home_col .valid { float:left; margin:-5px 0 0 8px; }
	#home_col .titre { margin-bottom:10px; }
	#home_col .separateur { clear:both; margin:10px 0; }
	.rss { clear:both; padding:10px 0 0 30px; background:transparent url(img/logo_rss.jpg) no-repeat left 10px; }
	.wireless { background:transparent url(img/logo_wireless.gif) no-repeat 115px 0; }
	#home_col .case .eboutique { padding:17px 17px 10px 17px; background:transparent url(img/bg_col_eboutique.gif) no-repeat 158px 17px; }
	.pub { margin:0 0 0 -10px; _margin:0 -10px; }
	.message { width:140px; font:bold 11px arial; }

/* montage pages */
#nav { float:left; margin-right:8px; width:212px; background:#FFF url(img/bg_nav.gif) no-repeat; }
#nav .bottom { width:212px; height:30px; background:#FFF url(img/bg_nav.gif) no-repeat 0 -570px; }

.content { float:left; padding-top:4px; width:700px; }
	.content ul { margin:10px; padding:0; list-style-type:none; }
	.content li { padding-left:10px; background:transparent url(img/puce_carre.gif) no-repeat 0 5px; }

/*#temoignages .pad { height:90px; }
#temoignages .pad img { float:left; margin-right:10px; border:1px solid #CCC; }
#temoignages .fleche { display:inline; }*/

/* pour toutes les pages contenant des formulaires similaires */
#page_formulaire a { display:inline; padding-right:15px; }
#page_formulaire form { margin-left:20px; }
	#page_formulaire form p { clear:both; width:404px; height:20px; padding:0; margin:0 0 5px 0; }
#page_formulaire input.saisie { float:left; width:200px; height:16px; font:normal 12px arial; border:1px solid #ff6600; *border:1px solid #7f9db9; }
#page_formulaire select.saisie { float:left; width:202px; *width:204px; height:20px; font:normal 12px arial; border:1px solid #ff6600; }
#page_formulaire .saisie { float:left; width:200px; height:18px; }
#page_formulaire .valid { float:none; width:80px; height:22px; margin:0; padding:0; background-color:#c0c0c0; border:1px solid #ff6600; }

#popup { position:relative; width:410px; height:370px; padding:20px; }
	#popup ul { margin:10px; padding:0; list-style-type:none; }
	#popup li { padding-left:10px; background:transparent url(img/puce_carre.gif) no-repeat 0 5px; }
	#popup .puce_points { display:block; padding-left:12px; font-weight:bold; background:transparent url(img/fleche_points.gif) no-repeat 0 5px; }
	#popup .btn_fermer { position:absolute; top:420px; left:380px; *left:370px; }

.nonav { margin:0; width: auto; }

#leftMenu a { height: auto; }

#contact_formulaire { padding: 0; }
	#contact_formulaire form, #contact_formulaire .confirmation { position: relative; padding-left: 35px; width: 880px; height: 420px; background: transparent url(img/bg_form_contact.jpg) no-repeat 0 0; }
	#form_contact p { clear: both; margin: 0 0 3px 0; *margin: 0 0 1px 0; width: 617px; }
		p.annonce { margin:0; padding: 15px 0; font: bold 16px arial; color: #ff6600; }
	#form_contact label { float: left; margin-right: 5px; width: 105px; }
	#form_contact textarea { padding: 2px; width: 496px; height: 86px; border: 1px solid #aab3b3; background: #fbfbfb; font: normal 12px arial; overflow: auto; }
	#form_contact input.saisie { padding: 2px; width: 496px; height: 19px; border: 1px solid #aab3b3; background: #fbfbfb; font: normal 12px arial; }
	#form_contact .rad input { float: left; margin: 0 10px 0 0; *margin: -3px 7px 0 0; padding: 0; }
	#form_contact .rad label { width: auto; }
	#form_contact .note { position: absolute; bottom: 10px; left: 10px; font-weight: bold; color: #fff; }
	#form_contact .alerte input { border: 1px solid red; }
	#form_contact .valid input { float: right; margin-top: -20px; width: 172px; height: 50px; background: transparent url(img/btn_validez_fr.gif) no-repeat 0 0; border: 0; cursor: pointer; }

#select_language { display:none; }