/* @override http://savoirs.rsr.ch/css/general.css */

/* CSS Document */

body {
	background:#FAFAFA url(../img/bg.gif) no-repeat center top;
	margin: 0;
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.nobgimg{
	background-image: none;
}

#preview {
	background-color: #FAFAFA !important;
	background-image: none !important;
	padding-top: 20px;
	padding-left: 20px;
}

form{
	padding: 0;
	margin: 2px 0 0;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #000000;
}

a:visited {
	color: #1C1C1C;
}

.capital{
	text-transform: uppercase;
}



 /*------------------------ bannière RSR + onglets "recherches/mode d'emplois" ----------------------------------*/
 
#bloc_haut {
	margin-top: 0;
	height: 30px;
	width: 100%;
} 
 
#searching_forms {
	z-index: 80;
	position: absolute;
	height: 0px;
	width: 100%;
}

 
 
#onglet_top {
	margin-right: auto;
	margin-left: auto;
	width: 883px;
	height: 25px;
	padding-left: 97px;
}


#search_form {
	width: 880px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-left: 120px;
	padding-top: 10px;
	color: #a1a1a1;
}

input.string_to_search {
	background-color: #ffffff;
	border: 4px solid #c8c8c8;
	padding-right: 5px;
}

.radio_topic{
	padding-left: 3px;
	padding-right: 5px;
}


#search_form_container{
	background: #ebecec url(../img/bg_search.jpg) repeat-x 0 bottom;
}

#banner_rsr_button {
	width: 100px !important;
}

iframe{
	background-color: #fff;
}

/*------------------------------- contenu global ---------------------------*/

#global {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	margin-top: 25px;
	// margin-top: 0;
}



/*------------------------menu de gauche----------------------------*/

#menu_left_global {
	width: 94px;
	height: auto;
	float: left;
	margin-top: 35px;
	margin-left: 10px;
	position: absolute;
	overflow: hidden;
}

#menu_left_global, x:-moz-any-link {
	z-index: 1;
}

#menu_left1 {
	width: 56px;
	height: 178px;
	margin-bottom: 15px;
	margin-left: 40px;
	z-index: 1;
	//margin-top: 25px;
}

*html #menu_left1 {
	margin-top: 25px;
}

#menu_left2 {
	width: 83px;
	height: 129px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 12px;
	z-index: 1;
}

#menu_left3 {
	width: 83px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 12px;
	z-index: 1;
}


.menu3{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	color: #fff;
	font-size: 13px;
	border-bottom: 2px solid #fafafa;
	width:84px;
}


#onglet_audio, #onglet_video, #onglet_image, #onglet_fichier {
	left:0px;
	height: 43px;
	width: 56px;
	margin-bottom: 2px;	
	cursor:pointer;
}


#onglet_dossiers, #onglet_forum, #onglet_blogs {
	width: 84px;
	height: 43px;
	margin-bottom: 2px;	
}



#onglet_dossiers {
	background: url(../img/onglet_dossier.gif) no-repeat;
	
}

#onglet_forum {
	background: url(../img/onglet_forum.gif) no-repeat;
}

#onglet_blogs {
	background: url(../img/onglet_blog.gif) no-repeat;
}

/*------------------------menu du haut----------------------------*/
#loader{
	position: absolute;
	z-index: 100;
	clear: none;
	margin-left: 350px;
	margin-top: 5px;
}

#menu_principal {
	height: 40px;
	width: 880px;
	margin-left: 2px;
	//margin-top: 25px;
}

*html #menu_principal {  
	margin-left: 75px;
	width: 895px;
	}/*si on l enlève, l'onglet login passe un rend au dessous sur la page playlist*/


#menu_haut_sec {
	height: 30px;
}


#show_manual, #onglet_mode_emplois, #super_admin_zone_anchor, #search, #accueil_zone_anchor{
	width: 104px;
	height: 35px;
	background: url(../img/degrade_onglet_top.gif) no-repeat;
	margin-top: -3px;
	z-index: 1;
	cursor: pointer;
	color: #999;
	text-align: center;
	font: bold 12px/10px Arial, Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-top: 13px;
	margin-left: 2px;
}

#search {
	margin-right: 8px;
	float: right;

}

*html #search {
	margin-right: 3px;
	float: right;

}

#onglet_mode_emplois {
	float: right;

}

#super_admin_zone_anchor {
	background: url(../img/degrade_onglet_top_admin.gif) no-repeat;
	float: right;
	color: #ffffff;
}

#accueil_zone_anchor {
	float: left;
}


#onglet_home {
	width: 127px;
	height: 35px;
	float: left;
	background: url(../img/home.gif) no-repeat;
	position: absolute;
	margin-top: -5px;
	cursor: pointer;
}

#onglet_login {
	width: 104px;
	height: 28px;
	float: right;
	margin-top: 12px;
	margin-right:5px;
	background: url(../img/default/onglet_login.gif) no-repeat right;
	cursor: pointer;

}

#onglet_logout {
	width: 104px;
	height: 28px;
	float: right;
	margin-top: 12px;
	margin-right:6px;
	background: url(../img/default/onglet_logout.gif) no-repeat right;
	cursor: pointer;

}


#onglet_playlist {
	width: 104px;
	height: 28px;
	float: right;
	margin-top: 12px;
	margin-right:2px;
background: url(../img/default/onglet_playlist.gif) no-repeat right;
	cursor: pointer;

}


#titre_theme {
	width: auto;
	height: 30px;
	float: left;
	font: bold;
	font-size: 20px;
	margin-left: 7px;
	margin-right: 15px;
	margin-top: 12px;
}

#onglet_theme_actif {
	width: 120px;
	height: auto;
	float: left;
}



.navi{
	display: none !important;
}


#onglet_theme_actif_debut {
	width: 4px;
	height: 40px;
	float: left;
	background: #fafafa url(../img/onglet_theme_left.gif) no-repeat right 2px;
}

#onglet_theme_actif_middle {
	width: 100px;
	height: 30px;
	float: left;
	background: #fafafa url(../img/onglet_theme_haut.gif) repeat-x top;
	color: #898989;
	padding-top: 15px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	font: bold 13px/12px Arial, Verdana, "Lucida Grande", Lucida, sans-serif;

}

#onglet_theme_actif_fin {
	width: 4px;
	height: 40px;
	float: left;
	background: #fafafa url(../img/onglet_theme_right.gif) no-repeat left 2px;
}

.onglet_theme_inactif {
	width: 110px;
	height: 22px;
	float: left;
	margin-top: 12px;
	padding-top: 6px;
	text-align: center;
	cursor: pointer;
	font: bold 12px/10px Arial, Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
} 

.topics{
	padding: 0;
	margin: 0 9px 0 0 !important;
}

*html .topics{
	margin-right: 2px !important;
}




#topics_box{
	margin: 0;
	padding: 0;
	width: 476px !important;
}

*html #topics_box{
	width: 472px !important;
	margin-left: 5px;
}

/* menu carrousel left & right navigators */

#container_prev_topic{
}


#container_next_topic{
}

#next_topic, #prev_topic{
	margin-top:12px;
	height:12px;
	padding-top: 12px;
	width:11px;	
}

#next_topic {
	float:left;
	margin-left: 5px;
	background-position: left;
}

#prev_topic {
	float:left;
	background-position: right;
	margin-right: 5px;
}

#next_theme {
	width: 24px;
	height: 15px;
	float: left;
	margin-top: 18px;
	margin-left: 11px;
}

/*--------------------------------- bloc principal (= tout sauf les menus)------------------------*/
#bloc_principal {
	width: 860px;
	padding: 15px;
	background: 0 -10px;
}

#top {
	height: 140px;
	width: 850px;
}

*html #top {
margin-left: 80px;
margin-bottom: -8px;
}
/*si on l'enlève le bloc supérieur (accroche et timbre se décale sur la gauche*/
/*----------------------------- zone news en haut----------------------*/

.zone_news {
	height: 135px;
	width: 610px;
	float: left;
	margin-right: 5px;
	background: #fafafa url(../img/news.gif) no-repeat;
	cursor:pointer;
}

#action_news_front{
	padding-left: 160px;
	padding-top: 20px;
	height: 25px;
	//padding-left: 0;
}

*html #action_news_front{
	padding-left: 0;
}

.read_article_lien_front{
	color: #666;
	font-size: 10px;
}

.zone_info_haut {
	height: 135px;
	width: 610px;
	float: left;
	margin-right: 5px;
	background: #fafafa url(../img/news.gif) no-repeat;
}

#action_news{
	width: 400px;
	height: 25px;
	margin-left: 170px;
	margin-top: -20px;
	font-size: 10px !important;
	color: #666666 !important;
}


#image_news {
	width: 154px;
	height: 110px;
	margin-top: 8px;
	margin-left: 8px;
	float: left;
	padding-right: 10px;
}



#image_news img {
	float: left;
}

#titre_news {
	height: 20px;
	background: #FFFFFF;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
	font-size:16px;
}

#texte_news {
	height: 87px;
	background: #FFFFFF;
	margin-top: 5px;
	margin-left: 12px;
	margin-right: 12px;
	color: #b2b2b2;
	font-size: 13px;
	text-align: justify;
}


/*------------------------zone de playlist/login----------------------------*/

.ui-effects-transfer { border: 4px solid;
color: #ebecec; }

#login {
	border: 1px solid #dadada;
	margin-bottom: .4em;
}

#password {
	border: 1px solid #dadada;
	margin-bottom: .4em;
}

#connect {
	border: 1px solid #dadada;
	background-color: #dadada;
	margin-bottom: .5em;
	cursor: pointer;
	color: white;
}

label#error {
		background: url(../img/echec.gif) no-repeat 0px;
		padding-left: 16px;
		margin-left: .3em;
}

#text_playlist {
	line-height: 15px;
	text-align: center;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 33px;
	font-weight: bold;
}

#zone_playlist {
	width: 235px;
	height: 141px;
	float: right;
	background-image: url(../img/ligne_playlist.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

*html #zone_playlist {
	clear:both;
	
}/*sans ça ça fait tomber le bloc de flux rss au rang en dessous*/

#titre_playlist {
	width: 224px;
	height: 33px;
	margin-left: 11px;
	text-align: center;
	font-size: 11px;
	color: #666666;
}


#titre_playlist_rss {
	width: 224px;
	height: 20px;
	margin-left: 11px;
	text-align: center;
	font-size: 11px;
	color: #666666;
	text-transform: uppercase;
	margin-top: -10px;
}

*html #titre_playlist_rss {
	margin-top: 0;
}/*sans ça le texte "flux actuellement indisponibles" est masqué par le bloc au dessous*/

.link_off{
	color: #d7d7d7;
}

.remove_from_pl {
	float: left;
	padding-right: 3px;
	cursor: pointer;
}


#carre_playlist {
	width: 224px;
	height: 95px;
	margin-left: 11px;
	color: #9d9d9d;
	font-size: 11px;
	text-align: center;
	position: absolute;	
	overflow : hidden;
}

.carre{
		background: url(../img/zone_playlist.gif) no-repeat top;
}

.carre_on{
		background: url(../img/zone_playlist_on.gif) no-repeat top;

}



#carre_playlist_rss{
	color: #666666;
}

#flux_opml img, #flux_rss img, #bookmark_it img{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#flux_opml, #flux_rss, #bookmark_it{
	clear: left;
}

#bloc_link_extern{
	padding: 20px;
	text-align: center;
}

#add_to_delicious, #add_to_digg, #add_to_browser, #add_to_google, #add_to_netvibes,#add_to_itunes, #add_to_facebook{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 3px;
}

.item_in_pl{
	background-color:white;
	text-align:left;
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 12px;
	margin: 2px 10px 3px;
	width: 205px;
	overflow: hidden;
}

*html .item_in_pl {
	background-color:white;
	text-align:left;
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 12px;
	margin: 2px 10px 2px;
}

#front_element, #front_element_repertory{
	position: absolute;
	background: url(../img/front_element.gif) no-repeat top;
	width: 150px;
	height: 14px;
	text-align: center;
	margin-left: 456px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#front_element{
	margin-top: -20px;
}

#front_element_repertory{
	margin-top: -17px;
}

#front_element_index {
	background:#AC0017 none repeat scroll 0 0;
	height:15px;
	margin-left:440px;
	margin-right:12px;
	padding-top:5px;
	position:absolute;
	text-align:center;
	width:150px;
	z-index:1;
}

#admin_front_element, #admin_add_repertory{
	color: #fff;
}

/*------------------------zone de login----------------------------*/
#login_content{
	padding: 15px;
	height: 100%;
	width: 100%;
	color: #a1a1a1;
}

.account_form_error{
	background-color: #ff93a4;
}

#pwd_loosed, #create_account, #acces_account{
	text-transform: uppercase;
}

/*------------------- ligne horizontale qui separe le top du bas---------------------*/

#ligne_haut {
	height: 2px;
	width: 890px;
	background: url(../img/barre_horizontale.gif) no-repeat;
}

*html #ligne_haut {
background-position:right;
width: 925px;
} 
/*qqch change vers les onglets*/

/*------------------ partie basse avec les articles ---------------------*/

#bas {
	height: 483px;
	width: 890px;
}

*html #bas {
width: 930px;
margin-top:-5px;
}


/*-------------------------- zone left articles ------------------------*/


#left_global_articles_home {
	width: 424px;
	float: left;
	background: url(../img/barre_verticale.gif) bottom no-repeat;
	border-right: 1px solid #CCCCCC;
	padding-bottom: 10px;
	color: #666;
	border-color: #dadada;
	margin-bottom: 5px;
	height: 280px;
}
/*fait dépassé le bloc d'articles qui se trouve au milieu de la  page d'index*/
*html #left_global_articles_home {
	margin-left: 40px;
}


#left_global_articles {
	width: 424px;
	float: left;
	background: url(../img/barre_verticale.gif) bottom no-repeat;
	border-right: 1px solid #CCCCCC;
	padding-bottom: 10px;
	color: #666;
	border-color: #dadada;
	margin-bottom: 5px;
	height: 483px;
}

*html #left_global_articles {
	margin-left: 40px;
	height: 475px !important;
}
/*fait déborder les articles sur la gauche*/
#left_global_articles_detail {
	width: 424px;
	min-height:483px ;
	float: left;
	border-right: 1px solid #CCCCCC;
	color: #666;
	border-color: #dadada;
	padding-bottom: 15px;
}

*html #left_global_articles_detail {
	margin-left: 40px;
	height: 475px !important;
}/*fait le même truc bizarre avec les onglets*/

#titre_left {
	height: 25px;
	font-size:12px;
	font-size: 15px;
	padding-top: 2px;
	//margin-bottom: 5px;
}

#right_global_articles_detail {
	width: 415px;
	float: left;
	color: #666;
	padding-bottom: 10px;
	height: 483px;
	padding-left: 10px;

}
*html #right_global_articles_detail {
	padding-left: 7px;
	padding-right: 0;
}



/*------------------------------ zone right articles-----------------------*/

#right_global_articles_home {
	width: 415px;
	float: left;
	background:  url(../img/barre_verticale2.gif) bottom no-repeat;
	color: #666;
	padding-bottom: 10px;
	margin-bottom: 5px;
	padding-left: 10px;
	height: 280px;

}


#right_global_articles {
	width: 415px;
	float: left;
	background:  url(../img/barre_verticale2.gif) bottom no-repeat;
	color: #666;
	padding-bottom: 10px;
	margin-bottom: 5px;
	padding-left: 10px;
	height: 483px;

}

/*fait glisser le bloc de la page de droite sur la page d accueil*/


#titre_right {
	height: 25px;
	font-size:12px;
	font-size: 15px;
	margin-top: 10px;
	margin-left: 10px;
}


/*------------------------parties des articles----------------------------*/

.bloc_article {
	width: 400px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-top: 8px;
	
}

.article_p1 {
	height: 19px;
	color: #000;
	font-weight: normal;
	font-size: 13px;
	padding-top: 2px;
}

.article_p2 {
	height: 58px;
	margin-top: 5px;
}

.article_p3 {
	height: 17px;
	margin-top: 7px;
	margin-left: 5px;
	color: #000;
	font-size: 9px;
	letter-spacing: 0.05em;
}

*html .article_p3 {
	margin-left: 10px;
}

.article_p2_photo {
	width: 80px;
	height: 57px;
	margin-left: 5px;
	margin-right: 10px;
	float: left;
	cursor: move;
	
}

.article_p2_texte {
	/*//width: 300px;*/
	
	height: 58px;
	margin-left: 5px;
	cursor: pointer;
	line-height: 1.1em;
	text-align: justify;
}

.audio_element_link{
	cursor: pointer;
	font-size: 12px;
}

.titre_debut {
	width: 5px;
	height: 21px;
	float: left;
	background: url(../img/debut_titre_fin.gif) no-repeat;
}

.titre_section, .titre_section_pub{
	padding-bottom: 5px;
	font-size: 13px;
	color: #4c4c4c;
}

.titre_section{
	padding-left: 2px;
}

.titre_section_pub {
	padding-left: 2px;
}


.titre_milieu {
	
	width: auto;
	max-width: 380px;
	height: 21px;
	float: left;
	background: url(../img/milieu_titre_fin.gif) repeat-x;
	cursor: pointer;
	color: #3c3c3c;
}

.titre_fin {
	width: 5px;
	height: 21px;
	float: left;
	background: url(../img/fin_titre_fin.gif) no-repeat;
}
.ajouter_article_playlist{
	cursor:pointer;
}

.lire_article {
	padding-top: 2px;
	height: 13px;
	width: 60px;
	float: left;
	margin-right: 7px;
	cursor:pointer;
}

.lire_article_icon {
	height: 15px;
	width: 20px;
	float: left;
	background: #fafafa url(../img/lire.gif) left no-repeat;
	cursor: pointer;
}

.lire_article_front {
	float: left;
	padding-top: 2px;
	height: 13px;
	width: 60px;
	margin-right: 7px;
	cursor:pointer;
}

.lire_article_icon_front {
	float: left;
	height: 15px;
	width: 20px;
	background: #fafafa url(../img/lire.gif) left no-repeat;
	cursor: pointer;
}

.ajouter_article {
	padding-top: 2px;
	height: 13px;
	float: left;
}
.supprimer_article {
	padding-top: 2px;
	height: 13px;
	float: left;
}

.ajouter_article_icon {
	height: 15px;
	width: 20px;
	float: left;
	background: #fafafa url(../img/ajouter.gif) left no-repeat;
	cursor: pointer;
}

.ajouter_commentaire_icon {
	height: 15px;
	width: 20px;
	float: left;
	background: #fafafa url(../img/ajouter_commentaire.gif) left no-repeat;
	cursor: pointer;
}

.picto_media {
	height: 17px;
	width: 94px;
	float: right;
}

.picto_son {
	height: 17px;
	width: 23px;
	float: right;
	background: url(../img/picto_son.gif) no-repeat;
}

.picto_image {
	height: 17px;
	width: 23px;
	float: right;
	background: url(../img/picto_image.gif) no-repeat;
}

.picto_fichier {
	height: 17px;
	width: 23px;
	float: right;
	background: url(../img/picto_fichier.gif) no-repeat;
}

.picto_video {
	height: 17px;
	width: 23px;
	float: right;
	background: url(../img/picto_video.gif) no-repeat;
}


/*------------------------------lecteur article---------------------------------*/

.titre_bleu {
	font-size:15px;
	width: 390px;
	margin-bottom: 4px;
}

.liens_left {
	/*float: left;
	margin-right: 10px;
	width: 190px;*/
}

.liens_right {
	/*float: right;
	width: 190px;*/
}

.images_vignettes{
	margin-left: 4px;
	cursor:pointer;
}

#lecteur_titre {
	height: 25px;
	font-size:12px;
	font-size: 15px;
	padding-top: 2px;
}

#titre_debut_large {
	width: 5px;
	height: 25px;
	float: left;
	background: url(../img/debut_titre_large.gif) no-repeat;
}

#titre_milieu_large {
	width: auto;
	max-width: 380px;
	height: 25px;
	float: left;
	background: url(../img/milieu_titre_large.gif) repeat-x;
	cursor: pointer;
	padding-top: 2px;
	padding-right:2px;
	padding-left: 1px;
}

#titre_fin_large {
	width: 5px;
	height: 25px;
	float: left;
	background: url(../img/fin_titre_large.gif) no-repeat;
}

#lecteur_date {
	height: 20px;
	width: 220px;
	font-size: 9px;
	color: #7D7D7D;
	margin-top: 4px;
	margin-left: 4px;
	line-height: 12px;
}
#dewplayer {
	width: 157px;
	font-size: 10px;
	color: #7D7D7D;
	float: right;
	padding-top: 2px;
	text-align: right;
}

#lecteur_article {
	/*height: 100px; */
	width: 390px;
	font-size: 14px;
	color: #666;
	padding-top: 12px;
	margin-left: 4px;
	line-height: 1.25em;
	text-align: justify;
}

.rubrique_label {
float: left;
}

.rubrique_general {
margin-left: 4px;
margin-top: 10px;
}


#lecteur_liens, #lecteur_connexes {
	width: 390px;
	/*height: 60px;*/
	margin-top: 15px;
	padding-left: 4px;
}

#article_connexes, #lien_connexes{
	font-size: 14px;
}

#lecteur_liens a, #lecteur_connexes a {
	font-size: 11px; /*avant: 13px*/
	color: #a7a7a7;
	text-decoration: underline;
	line-height: 1.6em;
}

#lecteur_ligne {
	width: 390px;
	height: 10px;
	background: url(../img/petite_ligne_horiz.gif) no-repeat center;
	margin-top: 10px;
	margin-bottom: 1px;
}

#lecteur_actions {
	height: 25px;
	font-size: 10px;
	color: #333333;
	padding-top: 2px;
	margin-left: 4px;
}

#commentaire {
	float: right;
	margin-top: 1px;
	width: 245px;
}

.delete_comment, .show_comment, .block_comment, .delete_rep, .admin_modify_repertory{
	width: 140px;
  	cursor: pointer;
  	float: left;
	background-color: #ac0017;
	color: #fff;
	margin-right: 5px;
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.show_comments{
	cursor: pointer;
}


#commentaire a {
	color: #333;
	font-size: 10px;
	text-decoration: none;
}

#txtCaptcha_{
	background-color: #ebecec;
	width: 70px;
}
#imgCaptcha{
	height: 22px;
}

#bloc_add_comment img{
	margin: 0;
	padding: 0 5px 0 0;
}

#lecteur_retour {
	height: 25px;
	font-size:12px;
	margin-left: 4px;
	float: left;
	cursor: pointer;
}

#retour_icon {
	float: left;
}

#retour_text {
	float: left;
	margin-left: 5px;
	margin-top: 4px;
	color:#333333;

	cursor:pointer;
	
}

*html #retour_text {
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 3px;
}/*je vois pas trop mais dans le doute je le laisse*/


#zone_player {
	width: 408px;
	height: 300px;
	margin-top: 10px;
	text-align: left;
	border: 1px solid #e7e5e5;
}

*html #zone_player {
margin-right: 0;
}/*je vois pas trop mais dans le doute je le laisse*/

#img_tit_copy{
	padding: 3px 10px 8px;
}

#img_thumb_gal{
	margin-right: auto;
	margin-left: auto;
}


#vignettes_player {
	width: 408px;
	height: 60px;
	margin-top: 0px;
	margin-left: 10px;
	background-position: right;
}
.div_images_vignettes{
	width: 80;
	height: 57;
	float: left;	
}
img.images_vignettes_image_default, img.images_vignettes_audio_default, img.images_vignettes_fichier_default, img.images_vignettes_video_default{
	-moz-opacity : 0.9;
	opacity:0.9;
	margin-left: 4px;
	filter : alpha(opacity=90);
}

.images_vignettes_image_default {
	background: url(../img/default/vignette_image_default.gif) no-repeat center;
}

.images_vignettes_audio_default {	
	background: url(../img/default/vignette_audio_default.gif) no-repeat center;
}

.images_vignettes_fichier_default {
	background: url(../img/default/vignette_fichier_default.gif) no-repeat center;
}

.images_vignettes_video_default {
	background: url(../img/default/vignette_video_default.gif) no-repeat center;
}

*html #vignettes_player {
	margin-right: 0;
} /*affecte les videos je crois*/

#fleche_p {
	float: left;
	width: 23px;
	height: 23px;
	padding-top: 18px;
	padding-left: 8px;
	cursor: pointer;
}

#fleche_n {
	float: left;
	width: 23px;
	height: 23px;
	padding-top: 18px;
	padding-left: 10px;
	cursor: pointer;

}


#vignettes {
	width: 336px;
	height: 124px;
	float: left;
}

#ligne_vignette {
	background: url(../img/ligne_vignettes.gif) no-repeat 3px;
	width: 336px;
	height: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
}


/*------------------------commentaires articles----------------------------*/
.add_comment{
	cursor:pointer;
}
.input_petit_text {
	background: #FFFFFF;
	border: #CCC solid 1px;
	height: 17px;
	width: 220px;
}

.mots_formulaire {
	margin-top: 9px;
	margin-bottom: 6px;
	clear: both;
}

.titre_debut_noir {
	width: 4px;
	height: 21px;
	float: left;
	background: url(../img/debut_titre_noir.gif) no-repeat;
}

.titre_milieu_noir {
	width: auto;
	max-width: 380px;
	height: 21px;
	float: left;
	background: url(../img/milieu_titre_noir.gif) repeat-x;
	cursor: pointer;
	color: #FFF;
	font-size: 14px;
	padding-right: 3px;
	padding-left: 1px;
}

.titre_fin_noir {
	width: 4px;
	height: 21px;
	float: left;
	background: url(../img/fin_titre_noir.gif) no-repeat;
}

.comment_p1 {
	height: 19px;
	width: 380px;
	color: #000;
	font-weight: normal;
	font-size: 13px;
	padding-top: 2px;
}

.comment_p2 {
	height: 5px;
	margin-top: 8px;
	margin-left: 5px;
	color: #000;
}

.comment_p3 {
	height: auto;
	width: 380px;
	margin-top: 17px;
	margin-left: 5px;
	color: #8e8e8e;
	font-size: 11px;
	padding-right: 22px;
	margin-bottom: 5px;
}

#bloc_add_comment img {
	
}
#bloc_show_comment{
	width: 380px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.bloc_commentaire {
	padding-top: 5px;
	padding-bottom: 10px;
}

#input_grand_text {
	background: #FFFFFF;
	border: #CCCCCC solid 1px;
	height: 170px;
	width: 380px;
	margin-top: 6px;
	// margin-top: -15px;
}

.send {
	cursor: pointer;
	background: #c8c8c8;
	border: none;
	color: #FFFFFF;
	font-size: 13px;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:3px;
	// margin-top: -15px;
}



.send_form {
	cursor: pointer;
	background: #c8c8c8;
	border: none;
	color: #FFFFFF;
	font-size: 13px;
	height: 24px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top:3px;
	padding-bottom: 4px;
}

*+html #send_to_friend{
	position: absolute;
	top: 165px;
	height: 25px;
}


*html #send_to_friend{
	position: absolute;
	top: 192px;
	margin-left: 220px;
	height: 25px;
}

*html #share_to_friends{
	position: absolute;
	top: 177px;
	width: 200px;
}

#share_to_friends{
	width: 200px;
}

#form_share{
	padding-top: 20px;
}

#commentaire_retour {
	height: 25px;
	font-size:12px;
	margin-left: 4px;
	float: left;
}

*html #commentaire_retour {
	margin-top: -10px;
	margin-bottom: -10px;	
}/*pas trouvé le commentaire retour*/

#fleche_p_comment {
	float: left;
	width: 23px;
}

#fleche_n_comment {
	float: right;
	width: 23px;
}

#fleche_comment {
	width: 400px;
	margin-left: 15px;
	top: 670px;
	position: absolute;
}


/*------------------------commentaires articles----------------------------*/


#right_global_playlist {
	width: 425px;
	height: 615px;
	float: right;
	background: url(../img/barre_verticale2.gif) bottom no-repeat;
	margin-bottom: 5px;
	margin-right: 40px;
	color: #666;
}

#left_global_playlist {
	width: 424px;
	height: 615px;
	float: left;
	background: url(../img/barre_verticale.gif) bottom no-repeat;
	border-right: 1px solid #CCCCCC;
	margin-bottom: 5px;
	color: #666;
	border-color: #dadada;
}

.supprimer_article_icon {
	height: 15px;
	width: 20px;
	float: left;
	background: #fafafa url(../img/supprimer.gif) left no-repeat;
	cursor: pointer;
}

/*-------------------- navigation (petites flèches tout en bas) ------------------------*/

.previewselection{
	margin-top: 5px;
	float: left;
	margin-right: 5px;
}

.nextselection{
	margin-top: 5px;
}

#bloc_navigation{
	width: 162px;
	margin-right: auto;
	height: 30px;
	border: 1px solid #e7e5e5;
	margin-left: auto;
	padding: 0 0 0 6px;
}

#previewpict{
	width: 23px;
	height: 31px;
	float: left;
	background: url(../img/previous_opacity.gif) no-repeat 0 6px;
	
}

#nextpict{
	width: 18px;
	height: 31px;
	float: left;
	background: url(../img/next_opacity.gif) no-repeat 0 6px;
}
#bloc_pages{
	width: 116px;
	height: 25px;
	float: left;
}


#bouton_navigation {
	width: 870px;
	height: 20px;
	padding-bottom: 10px;
	margin-left: 5px;
	text-align: center;
}

*html #bouton_navigation {
	margin-left: 75px;
}

/*------------------- footer ---------------------------*/

#footer {
	width: 878px;
	color: #3c3c3c;
	text-align: right;
	margin-bottom: 20px;
	height: 35px;
	clear: both;
	padding-top: 10px;
	background:  url(../img/barre_verticale3.gif) top no-repeat;

}

.noimgbg{
	background-image: none !important;
}

#programs{
	width: 400px;
	float: left;
	text-align: left;
	margin-top: 3px;
}

#thema_rss{
	width: 478px;
	float: left;
	text-align: right;
}

.srg{
margin-bottom: -4px;
}

#copy{
	clear: both;

}



*html #footer {
	margin-top: 0;
	margin-left: 80px;
}
/*aligne le footer*/

#footer a{
	color: #000;
}

#footerrss{
	width: 31px;
	height: 13px;
}

/*------------------------zone de recherche----------------------------*/
#search_zone{
	background-color: #808583;
	z-index: 100;
	position: absolute;
	width: 860px;
	padding: 15px;
}
		
/*---------------- AUTRES -----------------*/

#right_global {
	width: auto;
	float: right;
	margin-top: -20px;
	clear: both;
}


#right_global, x:-moz-any-link {
	position: absolute;
	margin-left: 100px;
}



#degrade_bas {
	width: 890px;
	height: 76px;
	position: absolute;
	bottom: 5px;
}

#degrade_left {
	width: 33px;
	height: 76px;
	float: left;
	background: url(../img/degrade_left_bas.gif) no-repeat -4px;
}

#degrade_right {
	width: 33px;
	height: 76px;
	float: right;
	background: url(../img/degrade_right_bas.gif) no-repeat 15px;
}

/*-------------------------- apercu articles ----------------------*/

#rang_top {
}

#rang_top ul {
	padding: 0;
	margin: 0 0 0 22px;
}

#rang_top li {
	list-style-type: none;
	list-style-image: url(../img/sound_mini.gif);
}


/*------------------------page d'accueil----------------------------*/



/* la partie supérieur de la page accueil */

#top_accueil {
	height: 140px;
	width: 850px;
	background: #fafafa no-repeat;
	background: #fafafa url(../img/accueil.gif) no-repeat;
	}
	

*html #top_accueil {
	margin-left:78px;
}/*sans ça, la bannière du haut glisse sur la gauche*/	
	
/*premier bloc de texte*/

.zone_accueil {
	height: 126px;
	width: 598px;
	float: left;
}

.titre_accueil {
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 16px;
	color: #535252;
}

.texte_accueil {
	height: 87px;
	color: #b2b2b2;
	font-size: 13px;
	text-align: justify;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 12px;
	padding-left: 12px;
}



#image_accueil img{
	float: left;
	padding-right: 0px;
}


/*bloc comment ça marche*/

#zone_text2 {
	width: 240px;
	height: 126px;
	margin-right:10px;
	float: right;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*titres des rubriques (sens vie pratique etc.)*/

.titre_debut_accueil {
	height: 21px;
	width: 500px;
	float: clear-both;
	font-size: 14px;
}

/* la partie du milieu de la page accueil */

#milieu_accueil {
	height: 200px;
	width: 840px;
}

*html #milieu_accueil {
	margin-left:78px;
	height: 100px !important;
}/*sans ça, la bannière du haut glisse sur la gauche*/

#container_text_milieu_accueil {
height: 200px;
width: 598px;
float:left;
border-right: 1px solid #dadada;
}

#item_front{
	margin: 0;
	padding: 0;
}


.titre_accueil_milieu {
	font-size: 16px;
	color: #535252;
	padding-right: 12px;
	padding-left: 5px;
}

.texte_accueil_milieu {
	color: #7c6f61;
	font-size: 13px;
	text-align: justify;
	margin: 0;
	padding: 5px 12px 12px 5px;
	line-height: 18px;
}

#zone_pub {
	height: 176px;
	width: 235px;
	float: right;
	margin-bottom: 13px;
	margin-right: 0px;
}

#zone_pub ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#ads{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#zone_pub img {
	height: 170px;
	width: 235px;
	float: right;
	margin-bottom: 13px;
	margin-left: 2px;
	margin-right: 0;
}

/* la partie basse de la page accueil */

#bas_accueil {
	height: 280px;
	width: 890px;
}
*html #bas_accueil{
	width: 930px;
} /*sans ça le blocs de droit de la page d accueil glisse*/

/*sous-titre des articles du bas*/

.article_p1_accueil {
	height: 40px;
	color: #000;
	font-weight: normal;
	font-size: 13px;
	padding-top: 2px;
}

/*----- Couleurs thèmes -------------*/

#theme_1, #theme_2, #theme_3, #theme_4, #theme_5, #theme_6, #theme_7, #theme_8, #theme_9, #theme_10, #theme_11, #theme_12, #theme_13, #theme_14, #theme_15, #theme_16, #theme_17, #theme_18, #theme_19, #theme_20, #theme_21, #theme_22, #theme_23, #theme_24 {
	height: 15px;
	padding: 15px 15px 15px 5px;
}

.bleu{
	background: url(../img/themes/bleu/onglet_thema.gif) no-repeat left;
}

.bleuardoise{
	background: url(../img/themes/bleuardoise/onglet_thema.gif) no-repeat left;
}

.bleuciel{
	background: url(../img/themes/bleuciel/onglet_thema.gif) no-repeat left;
}

.bleuflashy{
	background: url(../img/themes/bleuflashy/onglet_thema.gif) no-repeat left;
}

.bleugris{
	background: url(../img/themes/bleugris/onglet_thema.gif) no-repeat left;
}

.bordeaux{
	background: url(../img/themes/bordeaux/onglet_thema.gif) no-repeat left;
}

.brun{
	background: url(../img/themes/brun/onglet_thema.gif) no-repeat left;
}

.grisbleu{
	background: url(../img/themes/grisbleu/onglet_thema.gif) no-repeat left;
}

.jaunebleu{
	background: url(../img/themes/jaunebleu/onglet_thema.gif) no-repeat left;
}

.lavande{
	background: url(../img/themes/lavande/onglet_thema.gif) no-repeat left;
}

.noir{
	background: url(../img/themes/noir/onglet_thema.gif) no-repeat left;
}

.orange{
	background: url(../img/themes/orange/onglet_thema.gif) no-repeat left;
}

.orangeclair{
	background: url(../img/themes/orangeclair/onglet_thema.gif) no-repeat left;
}

.pistache{
	background: url(../img/themes/pistache/onglet_thema.gif) no-repeat left;
}

.rose{
	background: url(../img/themes/rose/onglet_thema.gif) no-repeat left;
}

.roseorange{
	background: url(../img/themes/roseorange/onglet_thema.gif) no-repeat left;
}

.rosepale{
	background: url(../img/themes/rosepale/onglet_thema.gif) no-repeat left;
}

.rouge{
	background: url(../img/themes/rouge/onglet_thema.gif) no-repeat left;
}

.vertclair{
	background: url(../img/themes/vertclair/onglet_thema.gif) no-repeat left;
}

.vertmedium{
	background: url(../img/themes/vertmedium/onglet_thema.gif) no-repeat left;
}

.verttaupe{
	background: url(../img/themes/verttaupe/onglet_thema.gif) no-repeat left;
}

.violet{
	background: url(../img/themes/violet/onglet_thema.gif) no-repeat left;
}

.violetfonce{
	background: url(../img/themes/violetfonce/onglet_thema.gif) no-repeat left;
}

.violetgris{
	background: url(../img/themes/violetgris/onglet_thema.gif) no-repeat left;
}

/*------------------------------------------------------*/