/******************************************************************/

	/* COLS */
	#c{padding:0 0 76px 0;}
	#c1{
		float:left;
		display:inline;
		width:644px;
		padding:7px 0 0 0;
		margin:0 0 0 12px;
		overflow:hidden;
	}
	#c2{
		background:#fff url(images/bg_section_c2.jpg) no-repeat;
		float:left;
		width:301px;
		padding:275px 11px 30px 10px;
		margin:7px 0 0 8px;
		border:1px solid #CBCBCC;
		overflow:hidden;
	}
/******************************************************************/	
	/* STATIC PAGE */
	div.text_ctn{
		padding:0;
		line-height:150%; 
	}
	div.text_ctn h4{
		font:bold 14px Arial;
		color:#404C80;
	}
	
	/* piton rss ****************/
	#rss_btn{
		position:absolute;
		top:367px;
		left:68px;	
		z-index:20;
		margin:0;
	}
	#rss_btn a{
		padding:0 0 0 18px;
		color:#A74D2B;
		font:bold 11px Arial, Helvetica, sans-serif;	
	}
	#rss_btn a:hover{}
	
/******************************************************************/
	/* FORMULAIRE */
	div.form{
		margin: 15px auto;
		padding: 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	
	}
	form fieldset.multy{
	
		border-top: 1px dotted #ccc;
		padding: 10px 0 0 0;
		margin: 10px 0 0 0;
	}
	form fieldset{
		padding: 10px 0;
	}
	form fieldset legend{
		display: none;
	}
	form fieldset label{
		width: auto;
		margin-top: 5px;
		font-weight: bold;
		color: #404C80;
		display: block;
	}
	form fieldset label.obligatoire{
		padding-left: 15px;
		background: url(images/bg_champ_obligatoire.gif) top left no-repeat;
	}
	form input.field{
		width: 160px;
		padding: 1px 2px 1px 2px;
		height: 14px;
	}
	form input.long{
		width: 250px;
	}
	form input.short{
		width: 75px;
	}
	form .button{
		padding: 10px 0 10px 0;
	}
	
	/* NAVIGATEUR DE PAGES */
	.navContainer{
		overflow: hidden;
		padding: 5px;
		height: 20px;
	}
	.nbelement{
		float: left;
		font-weight: bold;
		padding-right: 10px;
	}
	.navigator{
		float: right;
	}
	.navigator form,
	.navigator select,
	.navigator a,
	.navigator span{
		float: left;
		display: block;
		padding: 2px;
		height: 16px;
	}
	.navigator form{
		margin: 0;
		padding: 0;
	}
	.navigator select{
		padding: 0px;
		margin: 0px;
		height: 20px;
		font-size: 10px;
	}
	.navigator a.move.extreme-left,
	.navigator a.move.immediate-left,
	.navigator a.move.immediate-right,
	.navigator a.move.extreme-right {
		width: 16px;
	}
	.navigator a.move span {
		display: none;
	}
	.navigator a.move.extreme-left {
		background:url(/cyber/images/control_start.png) no-repeat;
	}
	.navigator a.move.immediate-left {
	   background:url(/cyber/images/control_rewind.png) no-repeat;
	}
	.navigator a.move.immediate-right {
	   background:url(/cyber/images/control_fastforward.png) no-repeat;
	}
	.navigator a.move.extreme-right {
		background:url(/cyber/images/control_end.png) no-repeat;
		margin-right: 0;
	}
	.navigator a.move.inactive {
		opacity: 0.2;
		filter:alpha(opacity=20);
	}
	
/******************************************************************/
/* C2 CONTENT */
	
	/* PETITES ANNONCES *************/
	#petite-annonce{
	
	}
	#petite-annonce .letter span{
		display: block;
		background: url(images/bg_menu.gif);
		color: #fff;
		padding: 0 0 0 10px;
		margin: 10px 0 0 0;
		font-weight: bold;
		font-size: 18px;
	}
	#petite-annonce .cat span{
		display: block;
		padding: 0 0 0 10px;
		margin: 10px 0 5px 0;
		font-weight: bold;
		font-size: 14px;
	}
	#petite-annonce .gray p{
		background-color: #F3F3F3;
	}
	#petite-annonce .desc p{
		color: #384D65;
	
		padding: 5px 5px 5px 5px;
		margin: 0 0 0 20px;
		border-bottom: 1px dashed #ccc;
	}
	
	/* MANCHETTES ****************/
	#title_manchettes_populaires{
		margin:0 0 3px 7px;
		font:bold 14px Arial;
		color:#404C80;
	}
	#manchettes_populaires{
		position:relative;
	}
	#manchettes_populaires h4{
		height:25px;
		padding:0 0 0 27px;
		margin:0;
		font:bold 11px/25px Arial;
		color:#676767;
		cursor:pointer;
		overflow:hidden;
	}
	.btn_manchettes_24h{background:url(images/bg_manchettes_small_24h.gif) no-repeat; width:122px;}
	.btn_manchettes_24h_off{background:url(images/bg_manchettes_small_24h_off.gif) no-repeat;  width:122px;}
	#btn_manchettes_15j{position:absolute; top:0; left:149px;}
	.btn_manchettes_15j{background:url(images/bg_manchettes_small_15j.gif) no-repeat; width:125px;}
	.btn_manchettes_15j_off{background:url(images/bg_manchettes_small_15j_off.gif) no-repeat; width:125px;}
	#manchettes_populaires .holder{
		background:#F3F3F3;
		display:block;
		width:299px;
		padding:20px 0 9px 0;
		border:solid #D2D2D2;
		border-width:0 1px 1px 1px;
	}
	#manchettes_populaires .off{
		display:none;
	}
	#manchettes_populaires li{
		background:url(images/bg_spacer_manchettes_small.gif) no-repeat 32px bottom;
		padding:10px 0 11px 0;
		margin:0 0 0 9px;
	}
	#manchettes_populaires li.first{padding-top:0;}
	#manchettes_populaires li div{
		background:url(images/bullet_arrow_teal.gif) no-repeat left 3px;
		padding:0 35px 0 19px;
	}
	#manchettes_populaires .date{
		font:10px Arial;
		color:#404C80;
	}
	#manchettes_populaires a{
		font:bold 11px Arial;
		color:#7390A5;
	}
	#manchettes_populaires li.toutes_manchettes{
		background:none;
		padding:10px 19px 0 0;
		text-align:right;
	}
	#manchettes_populaires li.toutes_manchettes a{
		background:url(images/bg_link_sheet.gif) no-repeat;
		padding:2px 0 3px 32px;
		font:bold 12px Arial;
		color:#557EAB;
	}

	/* CONCOURS ****************/
	.concours{
		padding:12px 0;
		margin:12px 0 0 0;
		border:1px solid #CBCBCC;
	}
	.concours img{
		display:block;
		margin:0 0 0 22px;
	}
	.concours .ctn{padding-top:12px;}
	.concours .first{padding-top:0;}


/******************************************************************/
/* BANNIERE */
	#pub_banner{
		position:absolute;
		bottom:129px;
		left:520px;
	}
	#pub_banner_2{
		position:absolute;
		bottom:129px;
		left:8px;
	}
	#pub_rect_moyen{
		position:absolute;
		top:284px;
		left:676px;
	}
	#pub_banner img,
	#pub_banner_2 img,
	#pub_rect_moyen img,
	#pub_rect img{vertical-align:bottom;}

/******************************************************************/



/******************************************************************/
/* ZONE MULTIMEDIA */
	/*.gallerie-multimedia h3{
		padding: 5px 0 5px 0;
		margin: 0;
		height: 22px;
		background: url(images/titre_zone_multimedia.gif) top left no-repeat;
	}*/
	.gallerie-multimedia h4{
		font-size: 12px;
		font-weight: bold;
		padding: 5px 0 5px 0;
		margin: 0;
		padding-bottom: 20px;
		background: url(images/bg_section_semaine_derniere.jpg) bottom left no-repeat;
	}
	.gallerie-multimedia{
		padding-bottom: 20px;
		background: url(images/bg_section_la_une.jpg) bottom left no-repeat;
	}
	
	.gallerie-multimedia ul{
		overflow: hidden;
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	.gallerie-multimedia ul li{
		float: left;
		width: 200px;
		height: 200px;
		padding: 5px;
		margin: 0 0 6px 0;
		border: 1px solid #fff;
		border-bottom: 1px solid #D2D2D2;
	}
	.gallerie-multimedia ul li.left{
		margin-right: 6px;
	}
	.gallerie-multimedia li .date{
		display: block;
		text-align: right;
		color: #557EAB;
		font-size:10px;
	}
	.gallerie-multimedia li a.thumb{
		display: block;
		overflow: hidden;
		height: 150px;
		width: 200px;
		border-bottom: 1px solid #D2D2D2;
	}
	.gallerie-multimedia li .visualise{
		display: block;
		height:  24px;
		margin: 4px 0 0 0;
		padding: 12px 0 0 32px;
		font-weight: bold;
	}
	.gallerie-multimedia li.diapo .visualise{ margin-left: 25px; background: url(images/icone_multimedia_photo.gif) -12px top no-repeat; }
	.gallerie-multimedia li.video .visualise{ margin-left: 33px; background: url(images/icone_multimedia_video.gif) -12px top no-repeat; }
	.gallerie-multimedia li.audio .visualise{ margin-left: 37px; background: url(images/icone_multimedia_audio.gif) -12px top no-repeat; }
	
	.gallerie-multimedia div.video, .gallerie-multimedia div.diaporama, .gallerie-multimedia div.audio {
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	
	.gallerie-multimedia div.video p, .gallerie-multimedia div.diaporama p, .gallerie-multimedia div.audio p {
		margin: 0;
		padding: 0;
	}
	
	.gallerie-multimedia .image_wrap {
		height: 150px;
		width: 150px;
		float: left;
		margin: 0 25px 0 0;
	}
	
	.gallerie-multimedia .image {
		margin: 0 auto 0 auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.gallerie-multimedia div.video p.multi_title, .gallerie-multimedia div.diaporama p.multi_title, .gallerie-multimedia div.audio p.multi_title {
		margin: 5px 0 5px 0;
		font-weight: bold;
	}
	
	.gallerie-multimedia .visualise{
		/* display: block;
		height:  24px;
		margin: 4px 0 0 0;
		padding: 12px 0 0 32px;
		font-weight: bold; */
		font-weight: bold;
		padding: 12px 0 0 0px;
		height: 24px;
		margin: 0;
	}
	
	.gallerie-multimedia div.diaporama .visualise{ padding-left: 30px; background: url(images/icone_multimedia_photo.gif) no-repeat; background-position: -11px 0; }
	.gallerie-multimedia div.video .visualise{ padding-left: 35px;  background: url(images/icone_multimedia_video.gif)  no-repeat; background-position: -11px 0; }
	.gallerie-multimedia div.audio .visualise{  background: url(images/icone_multimedia_audio.gif)  no-repeat; background-position: -11px 0; }
	
	.section-multimedia{
		padding-top: 10px;
	}
	.section-multimedia ul{
		overflow: hidden;
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	.section-multimedia ul li{
		float: left;
		width: 200px;
		height: 110px;
		padding: 5px;
		margin: 0 0 6px 0;
		background: #fff url(images/bg_section_media.gif) 5px 5px no-repeat;
		border: 1px solid #D2D2D2;
	}
	.section-multimedia ul li.left{
		margin-right: 4px;
	}
	.section-multimedia ul li a.section{
		display: block;
		height: 20px;
		padding: 5px 20px 0 0;
		color: #436080;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		background: url(images/bullet_arrow_blue.gif) 170px 8px no-repeat;
	}
	
	.section-multimedia ul li div.video{
		background: url(images/btn_video.gif) 5px 3px no-repeat;
		padding-left: 35px;
		height: 25px;
	}
	.section-multimedia ul li div.audio{
		background: url(images/btn_audio.gif) 5px 3px no-repeat;
		padding-left: 35px;
		height: 25px;
	}
	.section-multimedia ul li div.diapo{
		background: url(images/btn_photo.gif) 5px 3px no-repeat;
		padding-left: 35px;
		height: 25px;
	}
	.section-multimedia ul li div .date{
		display: block;
	
		font-size: 9px;
		height: 10px;
	}
	.section-multimedia ul li div .visualise{
		display: block;
	
		/*font-weight: 11px;*/
		height: 15px;
		font-weight: bold;
	}
	.section-multimedia h4{
		font-size: 12px;
		font-weight: bold;
		padding: 5px 0 5px 0;
		margin: 0;
	}

/******************************************************************/
/* EMPLOIS */
	#emplois ul{
		list-style: none;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
	}
	#emplois ul li{
		float: left;
		width: 316px;
		margin: 10px 0 0 0;
		padding: 0 0 10px 0;
	}
	#emplois ul li.left{
		margin-right: 10px;
	}
	#emplois ul .date{
		display: block;
		padding: 2px 5px 2px 5px;
		text-align: right;
		background: #CFE7FF url(images/bg_menu.gif);
		color: #fff;
		font-size: 10px;
	}
	#emplois ul .titre{
		padding-left: 5px;
		font-weight: bold;
		font-size: 12px;
		display: block;
	}
	#emplois ul .entreprise{
		padding-left: 5px;
		display: block;
	}
	#emplois ul .pdf{
		padding-left: 5px;
		display: block;
	}
	#emplois ul .pdf a, a.pdf{
	
		display: block;
		height: 18px;
		padding: 2px 0 0 25px;
	
		background: url(images/icon_pdf.gif) left top no-repeat;
	}
	
	/******************************************************************/
	/* FAQ */
	#faq h4{
		margin:10px 0 0 0;
		font-size: 12px;
		color: #404C80;
	}
	#faq ul.question {
		list-style: none;
		padding: 0 0 30px 0;
		margin: 0px;
		overflow: hidden;
		background: url(images/bg_section_la_une.jpg) bottom left no-repeat;
	}
	#faq ul.question .q{
		color: #3F3F3F;
		font-weight: bold;
		display: block;
		margin: 10px 0 0 0;
		padding: 0 0 0 20px;
		background: url(images/bullet_arrow_blue.gif) left 2px no-repeat;
	}
	#faq ul.question .q:hover{
		color: #557EAB;
		cursor: pointer;
	}
	#faq ul.reponse {
		list-style: none;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
	}
	#faq ul.reponse li{
		border-bottom: 1px dashed #ccc;
		padding-bottom: 10px;
	}
	#faq ul.reponse .q{
		color: #3F3F3F;
		font-weight: bold;
		display: block;
		margin: 10px 0 0 0;
		padding: 0 10px 0 20px;
		background: url(images/bullet_arrow_blue.gif) left 2px no-repeat;
	}
	#faq ul.reponse .q:hover{
		text-decoration: none;
	}
	#faq ul.reponse .r{
		display: block;
		color: #557EAB;
		margin: 3px 20px;
		padding: 10px;
		background-color: #F9F9FB;
		border: 1px solid #ccc;
	
	}
	
	/* LIENS favoris */
	#liens h4{
		font-size:12px;
		color: white;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin: 20px 0 5px 0px;
		background: url(images/bg_menu.gif) top left repeat-x;
	
	}
	#liens .lien{
		padding: 0px;
		margin: 0 0 0 30px;
	
	}
	#liens .lien a{
		padding-left: 18px;
		background: url(images/bg_link_arrow.gif) left 3px no-repeat;
	}

/******************************************************************/
/* HOROSCOPE */
	#horoscope{padding:0 0 10px 0;}
	h4.title_horoscope{
		font-size: 12px;
		font-weight: bold;
	}

/******************************************************************/
/* DOSSIERS SPECIAUX */
	#dossiers_speciaux{
		width:100%;
		padding:0 0 5px 0;
		margin:20px 0 0 0;
	}
	#dossiers_speciaux li{
		background:#F3F3F3 url(images/bullet_arrow_teal.gif) no-repeat 10px 13px;
		padding:10px 10px 10px 29px;
		margin:0 0 0 0;
		line-height:150%;
	}
	#dossiers_speciaux li.even{background:#fff url(images/bullet_arrow_teal.gif) no-repeat 10px 13px; }
	#dossiers_speciaux li.first{margin:0 0 0 0;	}
	#dossiers_speciaux .date{
		font:10px Arial;
		color:#557EAB;
	}
	#dossiers_speciaux a{
		font:bold 12px Arial;
		color:#404C80;
	}

	/* DOSSIERS SPECIAUX DETAIL */
	#dossiers_ctn{
		width:100%;
		padding:0 0 5px 0;
		line-height:150%;
	}
	#dossiers_ctn .desc{
		margin:10px 0;
	}
	#dossiers_ctn li{
		background:#F3F3F3 url(images/bullet_arrow_teal.gif) no-repeat 10px 6px;
		padding:3px 10px 3px 29px;
		margin:0;
	}
	#dossiers_ctn li.even{background:#fff url(images/bullet_arrow_teal.gif) no-repeat 10px 6px; }
	#dossiers_ctn li.first{margin:0 0 0 0;	}
	#dossiers_ctn a{
		font:11px Arial;
		color:#404C80;
	}
	#btn_tous_dossiers{margin:20px 10px 0 0; text-align:right;}
	#btn_tous_dossiers a{
		background:url(images/bg_link_sheet.gif) no-repeat;
		padding:1px 0 2px 32px;
		font:bold 12px Arial;
		color:#557EAB;
	}

/******************************************************************/
/* NEWS AND BLOG COMMON */

	/* liens utils (imprimer, partager, ...) ****************/
	#news_util_link{
		position:relative;
		z-index:2;
		width:618px;
		height:35px;
		padding:0 30px 0 0;
	}
	#news_util_link ul{float:right;}
	#news_util_link li.util{
		background:url(images/bg_spacer_news_detail_util.gif) no-repeat left bottom;
		float:left;
		padding:0 10px 0 11px;
	}
	#news_util_link li.first{background:none;}
	#news_util_link li.btn_partager{position:relative; z-index:10;}
	#news_util_link a.util{
		display:block;
		position:relative;
		padding:20px 0 0 0;
		font:bold 12px Arial;
		color:#6282A6;
	}
	#btn_commenter{background:url(images/btn_commenter.gif) no-repeat center top;}
	#btn_partager{background:url(images/btn_partager.gif) no-repeat center top;}
	#btn_envoyer{background:url(images/btn_commenter.gif) no-repeat center top;}
	#btn_taille_texte{background:url(images/btn_taille_texte.gif) no-repeat center top;}
	#btn_imprimer{background:url(images/btn_imprimer.gif) no-repeat center top;}
	#news_util_link #ctn_partager{
		background:#fff;
		position:absolute;
		top:-40px;
		left:-90px;
		z-index:10;
		float:left;
		width:310px;
		height:20px;
		padding:5px 0px 5px 10px;
		border:1px solid #CBCBCC;
	}
	#news_util_link li.btn_partager ul{visibility:hidden;}
	#news_util_link li.btn_partager ul.show{visibility:visible;}
	#ctn_partager li{
		float:left;
		padding:0 10px 0 0;
	}
	#ctn_partager li a{
		float:left;
		display:block;
		padding:0 0 0 22px;
		height:20px;
		font:12px/20px Arial;
		color:#6282A6;
	}
	#btn_facebook{background:url(images/icon_facebook.gif) no-repeat left center;}
	#btn_digg{background:url(images/icon_digg.gif) no-repeat left center;}
	#btn_delicious{background:url(images/icon_delicious.gif) no-repeat left center;}
	#btn_google{background:url(images/icon_google.gif) no-repeat left center;}

	/* commentaires ****************/
	#comments{
		width:641px;
		padding:0 0 0 7px;
	}
	#comments .ctn{
		width:100%;
		padding:0 0 15px 0;
		overflow:hidden;
	}
	#comments h4{
		float:left;
		margin:0;
		font:bold 16px Arial;
		color:#869DB6;
	}
	#comments_login{
		float:right;
		padding:0 25px 0 0;
		font:bold 11px/150% Arial;
		color:#6282A6;
	}
	#comments_login p{margin:0;}
	#comments_login li{display:inline; color:#0A72AE;}
	#comments_login a{color:#0A72AE; text-decoration:underline;}
	#comments_login a:hover{text-decoration:none;}
	#comments_ctn{
		margin:15px 0 0 0;
		clear:both;
	}
	#comments .comments li{
		margin:0 25px 15px 0;
		font:11px/150% Arial;
		color:#526F8F;
	}
	#comments .name{
		font:bold 12px/150% Arial;
		color:#0A72AE;
	}
	#comments .date{
		font:10px Arial;
		color:#404C80;
	}
	#comments .msg{margin:5px 0 0 0;}
	
	/* formulaire commentaires ****************/
	#form_comments{
		background:#F3F3F3;
		width:596px;
		margin:0;
	}
	#form_comments textarea{width:592px;}
	#form_comments .btn{
		margin:10px 0 0 0;
		text-align:right;
	}
	#form_comments p.title_form{
		font-weight:bold;
		margin-top:0;	
	}
	#form_comments p{
		margin:0 0 10px 0;	
	}
	
/******************************************************************/
/* CONCOURS */	

	/* page de participation (concours.php) ****************/
	#concours_ctn{line-height:150%;}
	#concours_ctn p{margin:11px 0;}
	#concours_ctn img.pic{
		display:block; 
		padding:6px;
		margin-top:11px; 
		border:1px solid #CFCFCF;
	}
	#concours_login p{margin:0;}
	#concours_login li{display:inline; color:#0A72AE;}
	#concours_login a{color:#0A72AE; text-decoration:underline;}
	#concours_login a:hover{text-decoration:none;}
	#form_concours .row{
		width:100%;
		overflow:hidden;
		padding:0 0 5px 0;
	}
	#form_concours .row input{float:left;}
	#form_concours .row label{
		float:left;
		margin:2px 0 0 10px;
		color:#414141;
		font-weight:normal;
	}
	p.title{
		margin-bottom:0;
		font-weight:bold;
	}
	#concours_login{
		padding:0 25px 0 0;
		font:bold 11px/150% Arial;
		color:#6282A6;
	}
	#form_concours .btn{margin-top:20px;}
	
	/* page de gagnants (concours-gangnant.php) ****************/
	#concours_ctn .gagnant{
		margin-top:10px;
	}
	#concours_ctn h4.prix{
		background:transparent url(images/bg_menu.gif) repeat-x scroll left top;
		margin:20px 0 5px 0;
		padding:2px 10px;
		font:bold 12px Arial;
		color:#fff;
	}
	#concours_ctn .gagnant{
		background:transparent url(images/bg_link_arrow.gif) no-repeat scroll left 3px;
		margin:0 0 0 30px;
		padding:0 0 0 18px;
	}
	#concours_ctn .date{
		font:10px Arial;
		color:#404C80;	
	}
	#concours_ctn .nom_gagnant{
		font:bold 11px Arial;	
	}
	
/******************************************************************/
/* FIER PARTENAIRE */	
	#partenaire	{line-height:150%; padding-bottom:20px;}
	#partenaire h4{
		background:transparent url(images/bg_menu.gif) repeat-x scroll left top;
		color:#fff;
		font:bold 12px Arial;
		margin:20px 0 5px 0;
		padding:2px 10px;
	}
	#partenaire li{
		display:block;
		width:468px;
		overflow:hidden;
		margin:20px 20px 0 20px;
		padding:0 70px 20px 70px;
		border-bottom:1px dashed #CCCCCC;	
	}
	#partenaire li.last{
		padding-bottom:0;
		border-bottom:none;	
	}
	#partenaire .img_ctn{
		float:left;
		width:220px;
		text-align:center;
	}
	#partenaire .desc_ctn{
		float:left;	
		width:248px;
	}
	#partenaire a,
	#partenaire .name{
		font-weight:bold;	
	}

/******************************************************************/
/* PLAN */		
	
	#plan{line-height:150%;}
	#plan h4{
		background:transparent url(images/bg_menu.gif) repeat-x scroll left top;
		color:#fff;
		font:bold 12px Arial;
		margin:20px 0 5px 0;
		padding:2px 10px;
	}