/* Feuille de style accueil CANAL 33 */

/* LOGO */
#logo {
	float:left;
	margin-left:20px;
	margin-top:60px;
	height: 55px;
	width: 211px;
	}

#tv_salle{
	float:left;
	margin-top:29px;
	margin-left: 436px;
}

#contenu_gobal {
	width:963px;
	margin:auto;
	background-image:url(http://www.canal33.fr/project/canal33/fichiers/ligne-bckg.png);		
	background-repeat:repeat-y;
}

.credit {
	font-size:11px;
	width:300px;
	margin:auto;
	text-align:center;
	margin-top:8px;
}

/* MENU HEADER */
#menu_header {
	float:right;
	margin-top:20px;
	margin-right:20px;
	font-size:9px;
}

	#menu_header li {
		display:inline;
		padding-left:0px;
	}

#contenu_principal {
	width:963px;
	margin:auto;
	margin-top:20px;
	background-image:url(http://www.canal33.fr/project/canal33/fichiers/ligne-contenu.png);
	background-repeat:repeat-y;
}

/* MENU PRINCIPAL */
#div_menu_principal {
	clear:both;
	width:963px;
	height:31px;
	background-image:url(http://www.canal33.fr/project/canal33/fichiers/entete-contenu.png);	
}

#menu_principal {	
}

	#menu_principal li {
		display:inline;						
	}
	
	
	#menu_principal li div {
		float:left;
		height:31px;	
	}
	
	#menu_principal li div p {
		margin-left:20px;
		margin-right:60px;
		height:31px;
		background-repeat:no-repeat;		
		line-height:30px;
		color:#ffffff;
	}
	
	#recherche {
		float:right;
		background-image:url(http://www.canal33.fr/project/canal33/fichiers/recherche-bckg.png);
		width:150px;
		height:18px;
		margin-top:5px;
		margin-right:16px;
		padding-left:4px;
		padding-top:2px;
	}
	
		#recherche input {
			border:0px;
			vertical-align:middle;
		}




/* GROUPE GAUCHE */	
#groupe_gauche {
	margin-top: 8px;
	float:left;
	width:720px;
	margin-left:0px;
}

	#groupe_gauche .header {
		width:711px;
		height:7px;
		background: url(http://www.canal33.fr/project/canal33/fichiers/bloc-gauche-entete.png) no-repeat top center;
		float:left;
	}

#onglet{
	width:711px;
	height: 32px;
	float: left;
}

	#onglet .gauche{
		margin-left:32px;
		background: url(http://www.canal33.fr/project/canal33/fichiers/titre-rose-bckg-gauche.png) no-repeat top center;
		width:11px;
		height:32px;
		float:left;
	}
	#onglet .droite{
		background: url(http://www.canal33.fr/project/canal33/fichiers/titre-rose-bckg-droite.png) no-repeat top center;
		width:11px;
		height:32px;
		float:left;
	}
	#onglet .centre{
		background: url(http://www.canal33.fr/project/canal33/fichiers/titre-rose-bckg-ligne.png) repeat-x top center;
		height:32px;
		padding-left:16px;
		padding-right:16px;
		float:left;
		text-align:center;
	}

#titronglet{
	margin-top:4px;
	font: 17px Verdana, Arial, Helvetica, sans-serif;
	font-weight:599;
}

.ongletbis{
	margin-top:4px;
	float: left;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
}

#bloc_gauche{
	width: 711px;
	background: url(http://www.canal33.fr/project/canal33/fichiers/etape-sample-blanc.png) repeat-y top center;
}

.footer_bloc_gch{
	width: 711px;
	height: 15px;
	background: url(http://www.canal33.fr/project/canal33/fichiers/footer_bloc_gch_blanc.png) no-repeat top center;
}

#bloc_offres_abonnement {
	width: 711px;
	margin-left:10px;
	background-color:#cecece;
	background-image: url(http://www.canal33.fr/project/canal33/fichiers/ligne-bloc.png);	
	background-repeat:repeat-x;
}

	#bloc_offres_abonnement .header {
		background: url(http://www.canal33.fr/project/canal33/fichiers/entete-offres-abonnement.png) no-repeat top center;
		height:29px;
		width:711px;
	}
	
	#bloc_offres_abonnement .footer {
		clear:both;
		background:url(http://www.canal33.fr/project/canal33/fichiers/pied-offres-abonnement.png) no-repeat;
		height:5px;
		width:711px;
	}

#bloc_conteneur_dossier_actu {
	width: 720px;
	margin-top:8px;
}

.bloc_dossier {
	margin-top:8px;	
	width:350px;
	float:left;
	margin-left:10px;
}

	.bloc_dossier .header_actu {
		background: url(http://www.canal33.fr/project/canal33/fichiers/entete-actualite.png) no-repeat top center;	
		height:30px;
	}
	
	.bloc_dossier .header_dossier {
		background: url(http://www.canal33.fr/project/canal33/fichiers/entete-dossier.png) no-repeat top center;	
		height:30px;		
	}
	
	.bloc_dossier .contenu {
			border-top:1px solid #EEEEEE;
		background:url(http://www.canal33.fr/project/canal33/fichiers/ligne-bloc.png) repeat-x;
		height:190px;
		width:350px;
	}
	
		.bloc_dossier .contenu h4 {
			font-size:14px;
			font-weight:bold;
			margin:8px;
			margin-top:16px;
			height:24px;
		}
		
		.bloc_dossier .contenu img.visuel {
		margin-top:16px;
			margin-left:8px;
			float:left;
			width:154px;
		}
		
		.bloc_dossier .contenu .texte {
			margin-top:16px;
			margin-left:8px;
			float:left;
			width:172px;
			height:102px;
		}
		
		.bloc_dossier .contenu .suite {
			margin-left:220px;
			width:96px;
			height:19px;
		}
	
	.bloc_dossier .footer {
		background: url(http://www.canal33.fr/project/canal33/fichiers/pied-actualite.png) no-repeat top center;	
		height:5px;		
	}
	
	

.bloc_accueil_large {
	margin-top:8px;
	height:255px;
	width:711px;
}


#text_gr_gauche{
	width: 620px;
	margin-left: 44px;
	
}

	.bloc_accueil_large .texte {
		margin:8px;
	}
	
	.bloc_accueil_large .titre {
		font-weight:bold;
		margin:8px;
	}


	.bloc_accueil_large .contenu {
		background:url(http://www.canal33.fr/project/canal33/fichiers/bloc-accueil-large-sample.png) repeat-x;
		height:213px;
		width:711px;
	}
	
	.bloc_accueil_large .lasuite {
		float:right;
		margin:16px;
	}

	.bloc_accueil_large .header {
		background: url(http://www.canal33.fr/project/canal33/fichiers/entete-offres-abonnement.png) no-repeat top center;
		height:29px;
		width:711px;
	}
	
	/* header pour tous les blocs */
	.header img {
		margin-top:9px;
		margin-left:9px;
	}
	
	.bloc_accueil_large .footer {
		clear:both;
		background:url(http://www.canal33.fr/project/canal33/fichiers/bloc-accueil-large-footer.png) no-repeat;
		height:12px;
		width:711px;
	}
	
	.metier {		
		width:230px;
		text-align:center;		
		float:left;			
	}
		
		.metier .sous_titre {
			text-align:left;
			color:#000000;
			font-size:12px;
			font-weight:bold;
			padding-left:16px;
			margin-top:16px;
			margin-bottom:8px;
		}

		.metier .prix {
			text-align:left;
			color:#FFFFFF;
			font-size:12px;
			padding-left:16px;
			margin-top:8px;
			margin-bottom:16px;
		}
	
		.metier .titre {			
			color: #FFFFFF;
			width:151px;
			height:19px;
			line-height:19px;			
			margin:auto;
			margin-top:0px;
			margin-bottom:16px;
		}

		.metier .texte {	
			padding-left:16px;
			padding-right:16px;
			text-align:left;
		}
		
		.metier .texte_complet {	
			height:172px;
		}
		
		.metier .titre_medecin {
			background:url(http://www.canal33.fr/project/canal33/fichiers/onglet-med.png) no-repeat;
		}
		.metier .titre_pediatre {
			background:url(http://www.canal33.fr/project/canal33/fichiers/onglet-pedia.png) no-repeat;
		}
		.metier .titre_dentiste {
			background:url(http://www.canal33.fr/project/canal33/fichiers/onglet-dent.png) no-repeat;
		}
		
		.metier .bouton {
			margin:auto;
			margin-top:0px;
			width:140px;
			height:22px;
			line-height:19px;
			display:block;
			color:#ffffff;
			padding-bottom:2px;		
		}
		

		
		.metier .voir_video {
			background:url(http://www.canal33.fr/project/canal33/fichiers/voir-la-video.png) no-repeat;
		}
		.metier .abonner {
			background:url(http://www.canal33.fr/project/canal33/fichiers/s-abonner.png) no-repeat;
		}
	
.video_bouton_abonner {}

.video_bouton_abonner .bouton {
			margin-left:480px;
			margin-top:0px;
			width:140px;
			height:19px;
			line-height:19px;
			display:block;
			color:#ffffff;
			padding-bottom:2px;		
		}
		
.video_bouton_abonner .abonner {
			background:url(http://www.canal33.fr/project/canal33/fichiers/s-abonner.png) no-repeat;
		}
			
/* GROUPE DROITE */
#groupe_droite {
	float:left;
	width:230px;
	margin-top:8px;
	margin-left:6px;
}

	/* MON ESPACE */
	.bloc_mon_espace .header {
		background:url(http://www.canal33.fr/project/canal33/fichiers/entete-mon-espace.png) no-repeat;		
		height:29px;
		width:230px;		
	}
	
	.bloc_mon_espace .contenu {
		background:url(http://www.canal33.fr/project/canal33/fichiers/ligne-bloc.png) repeat-x;
		height:215px;
		width:230px;
	}
	
		.bloc_mon_espace .contenu #encart {
			height:116px;
			background-repeat:no-repeat;
		border-top:1px solid;
		}
	
			.bloc_mon_espace .contenu #encart div {
				padding:16px;
				margin-top:12px;
			}
	
	.bloc_mon_espace .footer {
		clear:both;
		background:url(http://www.canal33.fr/project/canal33/fichiers/pied-mon-espace.png) no-repeat;
		height:5px;
		width:230px;
	}
	
	.bloc_mon_espace .sep {
		margin:auto;
		margin-top:8px;
		margin-bottom:8px;
		width:192px;
		height:2px;		
		background:url(http://www.canal33.fr/project/canal33/fichiers/separateur-mon-espace.png) no-repeat;		
	}
	
	.bloc_mon_espace fieldset {
		width:180px;
		margin:auto;		
		border:0px;
		margin-top:0px;
		padding:0px;
	}
	
	.bloc_mon_espace .field {
		float:left;
		width:80px;
		padding-top:8px;
	}
	
	.bloc_mon_espace .oublie {
		clear:both;
		background:url(http://www.canal33.fr/project/canal33/fichiers/fleche-oublie.png) no-repeat left bottom;	
		padding-left:8px;
		line-height:8px;
		margin-top:8px;
		cursor:pointer;
	}
	
	.bloc_mon_espace .ok {
		float:left;
		width:17px;
		padding-top:23px;
	}
	
	.bloc_mon_espace .field input {
		width:70px;		
	}
	
	.bloc_mon_espace .ok input {
		width:17px;		
	}

	/* PROMO */
	.bloc_flash_promo {
		margin-top:10px;
		border:1px solid #eeeeee;
	}
	
	
/* FOOTER */
#footer {
	clear:both;
	margin-top:16px;
	background-image:url(http://www.canal33.fr/project/canal33/fichiers/piedpage-contenu.png);
	background-repeat:no-repeat;
	width:963px;
	height:50px;
}

	#footer a:hover {
		text-decoration:underline;
	}
	
	#footer #ligne1 {
		padding-top:8px;
	}
	#footer #ligne2 {
		margin-top:6px;
	}
	
	#footer li {		
		display:inline;
	}
	
	#footer .sep_footer {
		height:1px;
		background-color:#999999;
		width:100%;
		margin-top:4px;
		margin-bottom:4px;
	}
	
	#footer .left {
		float:left;
	}
	
	#footer .telephone {
		margin-left:20px;
		height:16px;
	}
	
	#footer #ligne1 ul{
		padding-right:16px;
		height:16px;
		text-align:right;
	}
	
	#footer .conditions {
		margin-left:20px;
		width:500px;
	}
	

	
.onglet_offre_medecin{
	width: 349px;
	background: url(http://www.canal33.fr/project/canal33/fichiers/fd_gd_medecin.png) no-repeat top center;
	float:left;
	margin-left:6px;
	margin-top:0px;
}

.onglet_offre_dentiste{
	width: 349px;
	background: url(http://www.canal33.fr/project/canal33/fichiers/fd_gd_dentiste.png) no-repeat top center;
	float:left;
	margin-left:6px;
	margin-top:0px;
}

.onglet_offre_pediatre{
	width: 349px;
	background: url(http://www.canal33.fr/project/canal33/fichiers/fd_gd_pediatre.png) no-repeat top center;
	float:left;
	margin-left:6px;
	margin-top:0px;
}

.onglet_offre .contenu {
	height:740px;
}

.onglet_offre h2{
	margin-left: 70px;
	margin-top: 5px;
	font-size: 17px;
}

.onglet_offre .image_offre {
	margin-bottom:16px;
}

.onglet_offre .choisir {
	width: 116px;
	height: 39px;
	background: url(http://www.canal33.fr/project/canal33/fichiers/abonmt_medecinml.png) no-repeat top center;
	padding-top: 2px;
	text-align: center;
	text-decoration: none;
	margin-right:4px;
	margin-bottom:4px;
	
	cursor:pointer;
}


.offre_detail {
	text-align:left;
	padding:8px;
}

.plus {
	width: 27px;
	height: 27px;
}

.offre_detail .plus {
	margin-top:12px;
	margin-left: 160px;
}

.offre_detail .picto {
	float:right;
}

.pourfdangle{
	width: 675px;
	height: 248px;
	background: url(http://www.canal33.fr/project/canal33/fichiers/etape-option-bg.png) no-repeat left bottom;
	margin-left: 11px;
}

.pourfdangle a {
	color:#FFFFFF;
}

.bloc_dossiers {
	width: 674px;
	height: 208px;
	background-color:#DADADA;
}

	.bloc_dossiers .image {
		float:left;
		width:256px;
		margin:32px;
	}
	.bloc_dossiers .titre {
		float:left;			
		margin-top:32px;
		height:40px;
		width:340px;
	}
		.bloc_dossiers .titre h4 {
			font-size:14px;
		}
	.bloc_dossiers .texte {
		float:left;		
		width:320px;
		height:100px;
	}
	
	.bloc_dossiers .suite {
		float:right;
		margin-right:32px;
	}


.bloc_offre{
	width: 674px;
	height: 228px;
	background-color:#DEDEDE;
}

#bloc1_offre{
	width: 116px;
	height: 180px;
	float: left;
}
#bloc2_offre{
	width: 280px;
	height: 180px;
	float: left;
}
#bloc3_offre{
	width: 137px;
	height: 50px;
	float: left;
	margin-top: 140px;
}


#titre_medecin{
	background: url(http://www.canal33.fr/project/canal33/fichiers/btn_gen.png) no-repeat top center;
	width: 116px;
	height:30px;
	text-align: center;
	line-height:18px;
}


#texte_offre{
	width: 280px;
}


#titre_dentiste{
	background: url(http://www.canal33.fr/project/canal33/fichiers/btn_dentiste.png) no-repeat top center;
	width: 116px;
	height:30px;
	text-align: center;
	line-height:18px;
}

#titre_pediatre{
	background: url(http://www.canal33.fr/project/canal33/fichiers/btn_pediatre.png) no-repeat top center;
	width: 116px;
	height:30px;
	text-align: center;
	line-height:18px;
}

#offre2{
	background: url(http://www.canal33.fr/project/canal33/fichiers/offre_den_bg.png) no-repeat top center;
}

#offre3{
	background: url(http://www.canal33.fr/project/canal33/fichiers/offre_ped_bg.png) no-repeat top center;
}

.btn_abnmt {
	width: 137px;
	height: 19px;
	padding-top: 1px;
	text-align: center;
	text-decoration: none;
}

.btn_abnmt_medecin{
	background: url(http://www.canal33.fr/project/canal33/fichiers/abonmt_medecin.png) no-repeat;
}

.btn_abnmt_dentiste{
	background: url(http://www.canal33.fr/project/canal33/fichiers/abonmt_dentiste.png) no-repeat;
}

.btn_abnmt_pediatre{
	background: url(http://www.canal33.fr/project/canal33/fichiers/abonmt_pediatre.png) no-repeat;

}


.btn_see_video{
	width: 137px;
	height: 19px;
	background: url(http://www.canal33.fr/project/canal33/fichiers/btn_see_video.png) no-repeat top center;
	padding-top: 1px;
	text-align: center;
	text-decoration: none;
}


.bloc_libre {
	padding:8px;
}


#bloc_programme {
	width: 711px;
	margin-left:10px;
	background-color:#cecece;
	background-image: url(http://www.canal33.fr/project/canal33/fichiers/ligne-bloc.png);	
	background-repeat:repeat-x;
	margin-bottom:16px;
}

	#bloc_programme .header {
		height:29px;
		width:711px;
	}

	#bloc_programme .actualite-societe {	
		background: url(http://www.canal33.fr/project/canal33/fichiers/entete-actualite-societe.png) no-repeat top center;
	}
	#bloc_programme .hygiene-beaute {	
		background: url(http://www.canal33.fr/project/canal33/fichiers/entete-hygiene-beaute.png) no-repeat top center;
	}
	#bloc_programme .sante-vitalite {	
		background: url(http://www.canal33.fr/project/canal33/fichiers/entete-sante-vitalite.png) no-repeat top center;
	}
	
		#bloc_programme .contenu {
			height:210px;			

		}
		
					#bloc_programme .contenu .visuel {
						margin-top:8px;
						margin-left:8px;
						float:left;
					}
					
					#bloc_programme .contenu .bouton {						
						margin-right:8px;
						float:right;
						margin-top:25px;
					}
					#bloc_programme .contenu .texte {
						margin-top:8px;
						float:left;
						margin-left:16px;
						margin-right:16px;
						width:400px;
						height:120px;
					}
	
	#bloc_programme .footer {
		clear:both;
		background:url(http://www.canal33.fr/project/canal33/fichiers/pied-offres-abonnement.png) no-repeat;
		height:5px;
		width:711px;
	}
	
	
	.mon_espace {
		margin:16px;
	}