body { margin:0; font:normal 12px Arial; color:#333; }
	img { border:0; }
	h1, h2, h3, h4, div, p, form, ul, li { margin:0; padding:0; }
	ul.fleche { margin: 10px 0; padding: 0 0 0 10px; background:transparent; }
	ul.fleche li { margin: 0; padding: 0 0 5px 12px; background:transparent url(img/picto_fleche4.gif) no-repeat 0 4px; }
	a { text-decoration:none; color:#333; outline:none; }
	a:hover { text-decoration:none; color:#F60; }
	h2 { display:inline; }
	h3.fleche { margin: 0 0 10px; padding:0 0 4px; font: bold 12px arial; padding-left:20px; background:transparent url(img/picto_fleche3.gif) no-repeat 1px 2px; border-bottom: 1px solid #ff6600; }
	em { font-style:normal; color:#666; }
	.left { display:block; float:left; }
	.right { display:block; float:right; }

/* classes */
	.clear, .bottom { font-size:1px; clear:both; }
	.mentions { font-size:10px; color:#666; }
	.conditions { display:block; margin:0 0 10px; padding:0 0 5px 18px; border-bottom: 1px solid #e0e0e0; background:transparent url(img/picto_conditions.gif) no-repeat 0 0; }
	
	.gris { color:#aeb0b2; }
	.blanc { color:#fff; }
	img.titre { display:block; }
	.font_11 { font-size:11px; }
	.chevron { padding-left:10px; background:transparent url(img/picto_chevron.gif) no-repeat 0 5px; }
	.fleche { display: block; margin: 0; padding: 0 0 5px 20px; background:transparent url(img/picto_fleche3.gif) no-repeat 1px 2px; }
	.fleche2 { display: block; margin: 0; padding: 0 0 5px 12px; background:transparent url(img/picto_fleche6.gif) no-repeat 1px 3px; }
	.fleche3 { display: block; margin:0; padding: 0 0 5px 12px; background:transparent url(img/picto_fleche4.gif) no-repeat 1px 4px; }
	ul.rond li { display: block; padding: 0 0 0 10px; background:transparent url(img/picto_rond.gif) no-repeat 0 7px; }
	ul.fleche4 li { display: block; margin:0; padding: 0 0 5px 12px; background:transparent url(img/picto_fleche4.gif) no-repeat 1px 4px; }
	/* mentions */
	#mentions { margin-top: 5px; padding-top: 10px; font-size: 10px; color:#666; border-top: 1px solid #e0e0e0; text-align: justify; }
	a.toggle { display: block; padding: 0 0 0 18px; background: transparent url(img/picto_plus.gif) no-repeat 0 2px }
	a.toggle.active { background-position: 0 -16px; color:#ff6600; }
	/* menu onglets */
	.menu_onglets { margin:0 0 20px; padding:0 0 0 23px; 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; 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 { line-height: 15px; padding-top: 9px; }
		.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 { padding:0 20px 20px; width:610px; }

/* 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; }
		#top { width:980px; height:205px; }
			#breadcrumb { margin:10px 0; padding:0 0 5px 12px; width:628px; height:20px; font-weight:bold; background:transparent url(img/bg_breadcrumb.png) no-repeat 0 bottom; _background:none; }
				#breadcrumb .current { 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 { padding:1px; width:300px; height:250px; background:#FFF; border:1px solid #e5e5e5; }
			#autopromo { margin-left:50px; padding:30px 0 0; width:253px; height:153px; }
		#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_fleche2.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_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_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; }
			#col_pdv { position:relative; width:251px; height:408px; background:#FFF url(img/bg_col_pdv.jpg) no-repeat; }
				#col_pdv .titre_pdv { padding:20px 0 0 20px; }
				#col_pdv .nos_pdv { margin:10px 0 0 30px; }
				#col_pdv #col_form_pdv { position:absolute; left:50px; top:265px; }
				#col_pdv #form_pdv { margin:6px 0 0; }
				#col_pdv .savoir { position:absolute; left:70px; bottom:10px; }
			#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; }
		#promo_nousecrire { display:block; float:left; width:219px; height:90px; background:url(img/promo_nousecrire.jpg); }
		#ad_728_90 { float:left; margin-left:12px; width:728px; height:90px; background:#000; }

/* template page simple */
.page {}
	.page .paragraphe { margin:0 0 20px; padding-left:20px; }

/* 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; }
	
/* 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; }