body{ margin:0; font:normal 12px Arial; color:#333; }
	img{ border:0; }
	h1, h2, h3, h4, div, p, form, ul, li, ol{ margin:0; padding:0; }
	li{ list-style:none; }
	a{ text-decoration:none; color:#333; outline:none; }
	a:hover{ text-decoration:none; color:#F60; }
	em{ font-style:normal; color:#666; }
	object, embed {outline-style: none; -moz-outline-style: none; outline:none;}
	/* Set sub, sup without affecting line-height:gist.github.com/413930 */
	sup{ top:-0.05em; font-size:75%; line-height:0; position:relative; }
	
	.left{ float:left; }
	.right{ float:right; }
	.underline{ text-decoration:underline; }
	.text_alt{ display:block; position:absolute; top:0; left:-9999px; }
	.touche{ padding:0 2px; font:bold 11px Arial; color:#FFF; background:#f7931e; border:1px solid #ff6600; }
	.clear, .bottom{ clear:both; }
	.mentions{ font-size:11px; color:#666; }
	.noir{ color:#000000; }
	.gris{ color:#aeb0b2; }
	.blanc{ color:#fff; }
	.orange{ color:#F60; }
	h2.indentation, h1.indentation , p.indent, p.indentation{ text-indent:-9999px; }
	img.f-left{ float:left; margin:0 10px 10px 0; }
	img.f-right{ float:right; margin:0 0 10px 10px; }
	/*.prix{ float:left; margin-left:5px; padding-top:20px; width:97px; height:46px; text-align:center; background:transparent url(fixe/img/ouvrir_une_ligne_bg_prix.gif) no-repeat 0 0; }
		.prix span{ display:block; font:bold 24px arial; }
		.prix em{ float:right; padding-right:20px; font-size:10px; color:#333; }*/

	.tab_tarifs{ margin:0 0 20px; border-collapse:collapse; border-width:50%; text-align:center; border-color:#fff; }
		.tab_tarifs  tr.entete td{ background:#fff; font-weight:bold; }
		.tab_tarifs  td{ background:#dedfe0; border:1px solid #fff; }

	.toggle.barre{ position:relative; margin:10px 0 0; padding:8px 0 0 50px; width:590px; height:24px; text-transform:uppercase; background:transparent url(img/barre.gif) no-repeat 0 0; font-weight:bold; cursor:pointer; font-size:12px; }	
		.toggle.barre .picto{ display:block; position:absolute; top:2px; right:5px; width:25px; height:25px; }
		.toggle.barre.current{ color:#ff6600; background-position:0 -32px; }
		.toggle.question{ margin-top:20px; padding:0; font-weight:bold; background:none; }
	.toggle.barre2{ position:relative; margin:0 0 10px; padding:8px 0 0 50px; width:590px; height:37px; text-transform:uppercase; background:transparent url(img/barre2.gif) no-repeat 0 0; font-weight:bold; cursor:pointer; font-size:12px; }	
		.toggle.barre2.current{ background-position: 0 -45px; color:#ff6600; }	
	.cadre{ display:none; margin:0 0 10px; padding:20px; width:598px; border:0 solid #ccc; border-width:0 1px 1px 1px; }
	
	.reglement{ padding-top:20px; font-size:12px; color:#000; }
		.reglement p{ padding:0 0 20px; }
		.reglement ul{ margin:0 0 20px; }
		.reglement strong{ display:block; margin:0 0 10px; font-size:14px; }
		.reglement span{ display:block; margin:0 0 10px; font-style:italic; font-weight:bold; }

/*TEMPLATE*/
	/*titre*/
	.titre ~ p{ margin:0 20px 30px; overflow:hidden;}
	.titre ~ ul, .titre ~ .tab_tarifs{ margin:0 20px 30px; }
	.titre ~ p + ul, #page .titre ~ ul + ul, #page .titre ~ p + p, #page .titre ~ ul + p{ margin-top:-20px; }
	#page .titre ~ p + .tab_tarifs, #page .titre ~ ul + .tab_tarifs, #page .titre ~ p + .menu_onglets, #page .titre ~ ul + .menu_onglets{ margin-top:-10px; }
	.titre ~ .f-left{ margin-left:20px; }
	.titre ~ .f-right{ margin-right:20px; }
	.titre ~ p .f-left{ margin-left:0; }
	.titre ~ p .f-right{ margin-right:0; }
	.titre ~ ul.menu_onglets{ margin:0 0 10px; }
	.titre ~ p a{ color:#F60; }
	.titre ~ p a:hover{ text-decoration:underline; }

	.stitre_fleche{ display:block; margin:0 0 10px; padding:0 0 4px 20px; font:bold 12px arial; background:transparent url(img/picto_fleche3.gif) no-repeat 1px 2px; border-bottom:1px solid #ff6600; }
	/*--->*/ h3.fleche span{ display:block; float:right; margin-right:20px; font:normal 12px Arial; color:#F60; }	
	
	#page img.titre{ display:block; margin:0 0 15px; }
	#page p{ _margin:0 0 15px; }
	/*stitre_fleche*/
	.stitre_fleche ~ p{ margin:0 20px 30px; overflow:hidden;}
	.stitre_fleche ~ ul, .stitre_fleche ~ .tab_tarifs{ margin:0 20px 30px; }
	.stitre_fleche ~ p + ul, #page .stitre_fleche ~ ul + ul, #page .stitre_fleche ~ p + p, #page .stitre_fleche ~ ul + p{ margin-top:-20px; }
	#page .stitre_fleche ~ p + .tab_tarifs, #page .stitre_fleche ~ ul + .tab_tarifs, #page .stitre_fleche ~ p + .menu_onglets, #page .stitre_fleche ~ ul + .menu_onglets{ margin-top:-10px; }
	.stitre_fleche ~ .f-left{ margin-left:20px; }
	.stitre_fleche ~ .f-right{ margin-right:20px; }
	.stitre_fleche ~ p .f-left{ margin-left:0; }
	.stitre_fleche ~ p .f-right{ margin-right:0; }
	.stitre_fleche ~ ul.menu_onglets{ margin:0 0 10px; }
	.stitre_fleche ~ p a{ color:#F60; }
	.stitre_fleche ~ p a:hover{ text-decoration:underline; }
	
	h4 {margin-bottom:10px;}
/* end of TEMPLATE */
	

/*classes*/
	/*temp*/ img.titre{ display:block; }
	/*temp*/ #page h3 img.titre{ margin:0; }
	/*pictos*/
	.fleche{ display:block; padding:0 0 0 20px; background:transparent url(img/picto_fleche3.gif) no-repeat 1px 2px; }
	.retour_fleche{ display:block; padding:0 0 0 12px; background:transparent url(img/picto_fleche6.gif) no-repeat 1px 3px; }
	.fleche3{ display:block; padding:0 0 0 12px; background:transparent url(img/picto_fleche4.gif) no-repeat 1px 4px; }
	.chevron{ display:block; padding:0 0 0 12px; background:transparent url(img/picto_chevron.gif) no-repeat 2px 5px; }
	.pdf{ display:block; margin:0 0 10px; padding:0 0 0 18px; background:transparent url(img/picto_pdf.gif) no-repeat 0 0; }
	ol.decimal{padding-left:35px;}
		ol.decimal li{list-style-type:decimal;}
	ul.flechee{ background:transparent; }
		ul.flechee li.intitule{ margin:0 0 0 -10px; padding:0 0 3px; background:none;}
		ul.flechee li{ margin:0; padding:0 0 3px 12px; background:transparent url(img/picto_fleche4.gif) no-repeat 0 4px; }
	ul.rond{ background:transparent; }
		ul.rond li.intitule{ margin:0 0 0 -10px; padding:0 0 3px; background:transparent;}
		ul.rond li{ padding:0 0 3px 12px; background:transparent url(img/picto_rond.gif) no-repeat 2px 7px; }
	ul.chevron{ padding:0; background:transparent; }
		ul.chevron li.intitule{ margin:0 0 0 -10px; padding:0 0 3px; background:none;}
		ul.chevron li{ padding:0 0 3px 12px; background:transparent url(img/picto_chevron.gif) no-repeat 2px 5px; }
	ul.tiret{ padding:0 0 0 10px; background:transparent; }
		ul.tiret li.intitule{ margin:0 0 0 -10px; padding:0 0 3px; background:none;}
		ul.tiret li{ padding:0 0 3px 12px; background:transparent url(img/picto_tiret.gif) no-repeat 2px 8px; }
	.bandeau-reduc{position:relative; padding:20px 25px 10px 175px; width:450px; height:48px; background:url(img/bg_bandeau_reduc.png) no-repeat 0 0;}
		.bandeau-reduc .pastille-mention{position:absolute; top:18px; left:7px; padding-left:15px; width:147px; height:39px; background:url(img/bg_bandeau_pastille.gif) no-repeat 0 0; color:#fff; font-weight:bold; font-size:16px;  line-height:39px; }
			.bandeau-reduc .pastille-mention a{display:block; width:100%; height:100%; color:#fff;}
				.bandeau-reduc .pastille-mention a:hover{color:#ececec;}
	
	
	/* mentions */
	#mentions, #reglement{ margin:5px 0 0; padding:10px 0 0; font-size:10px; color:#666; border-top:1px solid #e0e0e0; text-align:justify; }
	#mentions, #tarifs, #reglement{ display:none; }
	a.toggle{ display:block; padding:0 0 0 18px; background:transparent url(img/picto_plus.gif) no-repeat 0 2px }
		a.toggle.current{background-position :0 -16px;}
		a.toggle.active{ background-position:0 -16px; color:#ff6600; }
		a.toggle.acces{ margin:0 0 20px; }
		#page a.toggle img.titre{ margin:0; }
		
	/* reglement */
	#reglement p {margin-bottom:20px;}
	
	
	/* menu onglets */
	.menu_onglets{ margin:0 0 10px; padding:0 0 0 20px; height:39px; background:transparent url(img/bg_onglets.gif) no-repeat 0 -39px; }
		.menu_onglets li{ float:left; }
		.menu_onglets li a{ display:block; width:119px; height:39px; margin-right:4px; text-align:center; line-height:39px; background:transparent url(img/bg_onglets.gif) no-repeat 0 0; }
		.menu_onglets li a.long{ padding-top:6px; height:33px; line-height:13px; }
		.menu_onglets li a:hover, .menu_onglets li a.current{ color:#F90; background:transparent url(img/bg_onglets.gif) no-repeat -119px 0; }
	.o_content{ margin:0 20px 30px; }

/* montage principal */
#container{ margin:0 auto; padding:0 9px; width:980px; background:transparent url(img/bg_container.png) repeat-y center 0; _background:none; }
	#content{ background:#FFF; position:static; z-index:2;}
		#top{ width:980px; height:205px; }
			#breadcrumb{ margin:10px 0; padding:0 0 1px 12px; width:370px; height:19px; border-bottom:1px solid #666; }
				#breadcrumb .current, #breadcrumb a:hover{ color:#F60; }
				#breadcrumb, #breadcrumb a{ color:#F60; }
			#top .content{ padding-left:12px; width:648px; }
			#top .titre{ margin:0 0 0 10px; }
			#top ul.menu{ margin:10px 0 0 20px; width:170px; }
				#top ul.menu li{ margin:0 0 8px; padding:6px 0 0 8px; background:url(img/bg_top_menu.gif); }
				#top ul.menu li .bottom{ clear:none; margin:0 0 0 -8px; height:6px; background:#FFF url(img/bg_top_menu.gif) 0 -94px; }
				#top ul.menu li a{ display:block; padding-left:12px; color:#333; background:transparent url(img/picto_fleche5.gif) no-repeat 0 4px; }
				#top ul.menu li a:hover, #top ul.menu li a.current{ color:#F90; background:transparent url(img/picto_fleche4.gif) no-repeat 0 4px; }
			#ad_300_250{ padding:30px 0 0; width:304px; background:transparent url(img/publicite.gif) no-repeat center 17px; }
				#ad_300_250 .contenu{ border:1px solid #444; width:300px; height:250px; background:#fff;}
			#autopromo{ _margin-left:0; margin-left:50px; padding:30px 0 0; width:253px; height:153px; }
				#autopromo embed, #autopromo object{ background-color:#222; border:2px solid #666; }
		#page{ padding:20px; width:654px; background:#FFF url(img/bg_content.gif) no-repeat; }
		#col{ padding:20px 17px; width:252px; color:#333; background:#FFF url(img/bg_col.gif) repeat-x; }
			#col .links{ margin:0 0 12px; padding:0 0 12px; background:transparent url(img/bg_col_links_bottom.gif) repeat-x 0 bottom; }
				#col .links li.titre{ padding-left:21px; background:transparent url(img/picto_fleche3.gif) no-repeat 1px 2px; }
				#col .links li{ padding-left:21px; line-height:19px; }
				#col .links li a{ padding-left:12px; background:transparent url(img/picto_fleche4.gif) no-repeat 0 4px; }
				#col .links.solo li.titre{ padding-left:0; background:none; }
				#col .links.solo li.titre a{ display:block; padding-left:21px; background:transparent url(img/picto_fleche3.gif) no-repeat 1px 2px; }
			#col a.link{ display:block; margin:0 0 20px 21px; padding-left:12px; background:transparent url(img/picto_chevron.gif) no-repeat 0 5px; }
				#col .links.chevron li a{ padding-left:21px; background:transparent url(img/picto_chevron.gif) no-repeat 0 5px; }
			#col_mag{ display:block; margin:0 0 15px; padding:19px 0 0 132px; width:120px; height:102px; background:#FFF url(img/bg_col_orange.jpg) no-repeat; }	
			#col_catalogue{ display:block; margin:0 0 15px; padding:25px 0 0 132px; width:120px; height:102px; background:#FFF url(img/bg_col_catalogue.jpg) no-repeat;}
			#col_magazine{ display:block; margin:0 0 15px; padding:25px 0 0 132px; width:120px; height:102px; background:#FFF url(img/bg_col_magazine.jpg) no-repeat; }
				#col_magazine span{display :block; text-indent :-9999px; padding-bottom :13px;}
			#col_catalogue_ocs{ display:block; margin:0 0 15px; padding:22px 0 0 129px; width:123px; height:106px; background:#FFF url(img/bg_col_catalogue_ocs.jpg) no-repeat; }
			#col_programme_os{ display:block; margin:0 0 15px; padding:17px 0 0 129px; width:123px; height:120px; background:#FFF url(img/bg_col_catalogue_os.jpg) no-repeat; }
			#col_magazine_otv{ display:block; margin:0 0 15px; padding:15px 0 0 129px; width:123px; height:106px; background:#FFF url(img/bg_col_magazine_otv.jpg) no-repeat; }
			#mag_tv{ display:block; margin:0 0 15px; padding:35px 0 0 129px; width:123px; height:110px; background:#FFF url(img/bg_tv_mag.jpg) no-repeat; }
			#col_pdv{ position:relative; width:251px; height:205px; padding:45px 0 0 0; background:#FFF url(img/bg_col_pdv.jpg) no-repeat; }
				#col_pdv .titre_pdv{ margin:0 0 16px 32px; }
				#col_pdv .nos_pdv{ margin:2px 0 0 2px; }
				#col_pdv #col_form_pdv{width:211px; height:72px; margin:0 0 10px 19px;padding:10px 0 0 0; background:transparent url(img/bg_col_pdv_encart.png) no-repeat left top; text-align:center;}
				#col_pdv #select_pdv{ margin:6px 0 0; }
				#col_pdv .savoir{ display:block; position:absolute; left:68px; bottom:5px;}
			/* exceptions guadeloupe (+ de texte) */
			.gp #col_pdv{height:235px; padding-top:15px;}
			
			#dl_catalogue_ocs, #dl_programme_os, #dl_magazine_otv{ margin:8px 0 0 -13px; }
			#col_livebox{ display:block; padding:9px 0 0 150px; width:101px; height:92px; background:#FFF url(img/bg_col_livebox.jpg) no-repeat; }
		.autopromo{ display:block; margin:0 0 20px; }
		
	#promo{ padding:27px 0 0 10px; width:968px; height:98px; background:#e7e7e7 url(img/publicite.gif) no-repeat 241px 13px; border:1px solid #FFF; }
		#autopromo_footer{ display:block; float:left; width:219px; height:90px; background:url(img/autopromo-footer.jpg); }
		#ad_728_90{ float:left; margin-left:12px; width:728px; height:90px; background:#000; }

/* formulaire */
form{ }
	form p{ padding:0 0 6px; }
		label{ display:block; float:left; padding:0; width:130px; line-height:20px; cursor:pointer; }
		input, select, textarea{ font:normal 12px Arial; border:1px solid #bfc1c3; }
		input, textarea{ margin:0; *margin:-1px 0; _margin-left:-3px; }
		input{ padding:1px 3px 0; height:17px; width:200px; }
		.chk input, .rad input{ padding:0; width:13px; height:13px; border:0; } /* ne pas modifier */
		.valid input{ padding:0; border:0; } /* ne pas modifier */
	form .chk{ }
		.chk input{ float:left; margin:3px 0 0; }
		.chk label{ float:left; padding:0 0 0 18px; width:auto; } /* un line-height peut être nécessaire en cas de texte sur deux lignes */
	form .rad{ }
		.rad span{ display:block; }
		.rad input{ float:left; margin:5px 0 0; }
		.rad label{ float:left; padding:0 0 0 4px; width:auto; }
	form .mess{ }
		.mess label{ height:62px; } /* label{ height} = textarea{height} + 2px */
		.mess textarea{ padding:1px 0 0 3px; width:303px; height:59px; overflow:auto; }
	form .sel{ }
		.sel label{ }
		.sel select{ _margin-left:-3px; width:308px; *width:309px; height:18px; *height:20px; }
	form .valid{ margin:0; padding:0 0 0 130px; }
		.valid input{ width:100px; height:20px; cursor:pointer; } /* margin:0 0 0 annule les -1px pour ie */
	
	form em{ display:none; clear:left; padding-left:134px; }
	form .alerte input{ border:1px solid red; }
	form .alerte em{ display:block; color:red; }
	
	.bandeau{display:block; margin:4px 0; position:relative; width:632px; height:100px;}
	
/* temp WD */
table.prix{ border-collapse:collapse; border-color:#D6D6D6; margin:20px 0; width:650px; }
	table.prix th{ background-color:#CCCCCC; border-color:#D5D5D5; color:#424242; font-weight:bold; padding:5px; text-align:center; }
	table.prix td.titre{ font-weight:bold; padding:20px 0 5px; border-bottom:1px solid #ff6600; }
	
#overlay, .popup{ display:none; position:fixed; _position:absolute; left:0; top:0; z-index:1000; width:100%; height:100%; _text-align:center; }
.popup{z-index:1100;}
#overlay{ z-index:1000; background:#FFF; _height:1200px; opacity:.9;}
.popup .popup_wrapper{ position:relative; margin:100px auto; width:832px; }
.popup_content{ overflow:auto; }
.popup .popup_close{ position:absolute; top:6px; right:6px; width:18px; height:18px; background:transparent url(img/popin_fermer.gif) 0 -0; cursor:pointer; }
	.popup .popup_close span{ display:none; }
	
#btn_facebook{display:block; position:absolute; right:40px; top:89px;}