/*
  CSS Boxson
  Copyright Boxson
*/

/*
new colors:
  couleur fond: #2f3d54
  texte sur fond: #a1a8b2
  texte bleu pale: #8a95a1
  border box: #dadce0
  titre box: #636C7D
***********************
  orange: ff7200
  rouge: FF0000
  bleu habituel : 2767b6
  bleu foncé: 0033CC  000099
  bleu clair 99CCFF 
  gris clair habituel = efefef
*/

/* Compatibilite avec IE 5 pour les png:
.classe{
  background-image: url('img/skin/menu_select_right.png') !important;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/skin/menu_select_right.png');
}
*/
    
/* PLEASE: Placer en fin & lineariser les css des scripts importés (Lightbox, ...) (=ceux qu'on ne modifiera jamais) */

/* Redéfinition Balises HTML */
body{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #2C2C2C;
	background-color: #2F3D54;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
}
body.popup{
	background-color: #FFFFFF;
	margin: 0px 15px 20px 15px;
	padding: 0px 0px 0px 0px;
}
a:link, a:visited, a:active, a:hover{
	font-weight: bold;
	color: #2F3D54;/*#333333;*/
}
a:link, a:visited{
	text-decoration: none;
}
a:active, a:hover{
	text-decoration: underline;
}
img{
  border: none;
	vertical-align: middle;
}
table{
	border-collapse: collapse;
}
tr{
	vertical-align: top;
}
td{
	text-align: left;
}
input, textarea{
	margin: 0px 0px 1px 0px;
	border: solid 1px #999999;
	color: #2C2C2C;
}
textarea.small{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10px;
}
input[type="checkbox"], input[type="radio"]{
	border: none;
}
select{
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	color: #2C2C2C;
}
form{
	margin: 0px;
}
hr{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #999999;
}
h1{
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #8a95a1;
}
h2{
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #8a95a1;
}
h3{
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #8a95a1;
}
h4{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #8a95a1;
}
h5{
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #8a95a1;
}
#content_gauche h5{/* = titres dans les menus */
	letter-spacing: -1px;
	text-align: center;
}

/* inutile?
h6{
	color: #D62828;
	background-color: #efefef;
	font-size: 11px;
	text-align: center
}
*/

/* PLAYER */
#player h1,
#player h2,
#player h3{
	margin-top: 5px;
	margin-bottom: 2px;
}
#player #menu,
#player #lecteur{
	margin: 0px;
	padding: 0px;
}
#player #menu{
  width: 270px;
  height: 450px;
	overflow: auto;
}
#player #lecteur{
  width: 540px;
}

/* Template principal */
/* faux pop-up */ 
.faux_popup{
	position: fixed;
	z-index: 700;
	overflow: auto;
	border: #222222 solid 2px;
	background-color: #a1a8b2;
	color: #2f3d54;
  padding: 3px 3px 3px 3px;
  margin: 0px 0px 0px 0px;
}
.faux_popup .exit{
  float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.faux_popup .titre{
	margin: 7px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.faux_popup h1,
.faux_popup h2,
.faux_popup h3{
	margin-top: 3px;
  color: #EFEFEF;
}
/* faux popup generic */
#faux_popup_generic{
  top: 15%;
	left: 25%;
	right: 25%;
	width: 50%;
	height: 26em;
}
#faux_popup_generic_content{
	margin-left: 4%;
	margin-right: 4%;
}
#faux_popup_generic h1,
#faux_popup_generic h2,
#faux_popup_generic h3{
	margin-top: 3px;
  color: #EFEFEF;
}
/* faux popup de login */
#connexion_groupes,
#connexion_boxsonotes{
	top: 40px;
	left: 35%;
	right: 35%;
	width: 30%;
	height: 160px;
}
#connexion_groupes .content,
#connexion_boxsonotes .content{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	/*text-align: center;*/
}

/* Barre Top */
#barre_top{
  position: absolute;
  z-index: 800;
  left: 0px;
  width: 100%;
  height: 23px;
  padding-top: 4px;
  text-align: center;
  color: #FFFFFF;
  background-image: url('/img/barre_top.png') !important;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/barre_top.png');
}
#barre_top a{
  color: #FFFFFF;
}

#main{
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%; /* tweak for IE */
}
/* Header */
#header{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 980px;
}
#header_logo,
#header_logo a{
	color: #a1a8b2;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
}
#header_logo a:active,
#header_logo a:hover{
	color: #EEEEEE;
	text-decoration: none;
}
#header_player{
  float: right;
	margin: 20px 8em 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header_menu{
	width: 980px; /* 980 - 20 pour la marge a droite */
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url('/img/skin/menu.jpg') !important;
}
#header_menu #onglets{
  float: right;
	margin: 0px 18px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header_menu #onglets ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header_menu #onglets li{
	display: inline;
}
#header_menu .menu,
#header_menu .menu_en_cours{
	text-align: center;
}
#header_menu .menu a,
#header_menu .menu_en_cours a{
	text-decoration: none;
	line-height: 27px;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
}
#header_menu .menu a{
  color: #FFFFFF;
}
#header_menu .menu_en_cours a{
  color: #888888;
}
#header_menu .menu .left,
#header_menu .menu .middle,
#header_menu .menu .right,
#header_menu .menu_en_cours .left,
#header_menu .menu_en_cours .middle,
#header_menu .menu_en_cours .right{
  float: left;
	height: 27px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-position: bottom;
}
#header_menu .menu .left,
#header_menu .menu .right,
#header_menu .menu_en_cours .left,
#header_menu .menu_en_cours .right{
	width: 8px;
	background-repeat: no-repeat;
	background-color: transparent;
}
#header_menu .menu .middle,
#header_menu .menu_en_cours .middle{
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#header_menu .menu .left{   background-image: url('/img/skin/menu_normal_left.jpg') !important;}
#header_menu .menu .middle{ background-image: url('/img/skin/menu_normal_middle.jpg') !important;}
#header_menu .menu .right{  background-image: url('/img/skin/menu_normal_right.jpg') !important;}
#header_menu .menu_en_cours .left{	 background-image: url('/img/skin/menu_select_left.jpg') !important;}
#header_menu .menu_en_cours .middle{ background-image: url('/img/skin/menu_select_middle.jpg') !important;}
#header_menu .menu_en_cours .right{  background-image: url('/img/skin/menu_select_right.jpg') !important;}

#header_search{
  float: left;
	font-size: 9px;
	text-align: right;
	margin: 0px 0px 0px 32px;
	padding: 0px 0px 0px 0px;
}


/* CONTENU DE LA PAGE */
#content{
	width: 980px;
	position: relative;
}
/* menu */
#content_gauche{
	z-index: 600;
  position: absolute;
  left: 0px;
	width: 200px;  /* 170 pour le menu + 30 pour mordre sur la partie droite */
}
#content_gauche .top,
#content_gauche .middle,
#content_gauche .bottom{
	background-color: transparent;
	background-repeat: no-repeat;
}
#content_gauche .middle{
	background-repeat: repeat-y;
	padding: 0px 10px 5px 24px;
}
#content_gauche .top{
	height: 9px;
  font-size: 1px; /* IE */
  background-image: url('/img/skin/main_top.jpg') !important;
}
#content_gauche .middle{
  background-image: url('/img/skin/main_menu_middle.jpg') !important;
}
#content_gauche .bottom{
	height: 24px;
  font-size: 1px; /* IE */
  background-image: url('/img/skin/main_menu_bottom.jpg') !important;
}

#content_gauche .middle ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	list-style-type: none;
	list-style-image: none;
}

/* page */
#content_droit{
	z-index: 400; /* moins que le menu */
	position: relative;
	margin: 0px 0px 0px 170px;
	width: 810px;
}
#content_droit .top,
#content_droit .middle,
#content_droit .bottom{
	background-color: transparent;
	background-repeat: no-repeat;
}
#content_droit .top{
	height: 9px;
  font-size: 1px; /* IE */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-position: right;
	background-image: url('/img/skin/main_top.jpg') !important;
}
#content_droit .middle{
  min-height: 400px;
	background-repeat: repeat-y;
	padding: 0px 25px 30px 40px;
	text-align: justify;
  background-image: url('/img/skin/main_middle.jpg') !important;
}
#content_droit .bottom{
	height: 24px;
  font-size: 1px; /* IE */
  background-image: url('/img/skin/main_bottom.jpg') !important;
}

/* PIED DE PAGE */
#footer{
	position: relative;
	bottom: 0;
	left: 0;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 100%;
	clear: both;
	color: #EEEEEE;
	text-align: center;
	font-size: 10px;
}
#footer a{
	color: #EEEEEE;
}

/* CLASS */

.txt_retrait{
	margin-left: 4%;
	margin-right: 2%;
}

/* boites types */
.erreur{
	padding: 10px 5px 10px 50px;
 	margin: 5px 0px 5px 0px;
	background: #efefef url('/img/32/actions/agt_announcements.png') no-repeat 5px 2px;
	border: 1px solid #999999;
}
.erreur_small{
 	padding: 4px 2px 4px 22px;
 	margin: 2px 0px 2px 0px;
	background: #efefef url('/img/16/actions/agt_announcements.png') no-repeat 5px 2px;
}
.warning{
 	padding: 10px 5px 10px 50px;
 	margin: 5px 0px 5px 0px;
	background: #efefef url('/img/32/actions/agt_update_critical.png') no-repeat 5px 2px;
	border: 1px solid #999999;
}
.warning_small{
 	padding: 4px 2px 4px 22px;
 	margin: 2px 0px 2px 0px;
	background: transparent url('/img/16/actions/agt_update_critical.png') no-repeat 2px 2px;
}
.saved{
 	padding: 10px 5px 10px 50px;
 	margin: 10px 0px 10px 0px;
	background: #efefef url('/img/32/devices/floppy_unmount.png') no-repeat 5px 2px;
	border: 1px solid #999999;
}
.saved_small{
 	padding: 4px 2px 4px 22px;
 	margin: 2px 0px 2px 0px;
	background: transparent url('/img/16/devices/floppy_unmount.png') no-repeat 2px 2px;
}
.bug{
 	padding: 10px 5px 10px 50px;
 	margin: 10px 0px 10px 0px;
	background: #efefef url('/img/32/apps/bug.png') no-repeat 5px 2px;
	border: 1px solid #999999;
}
.ok{
 	padding: 10px 5px 10px 50px;
 	margin: 10px 0px 10px 0px;
	background: #efefef url('/img/32/actions/agt_action_success.png') no-repeat 5px 2px;
	border: 1px solid #999999;
}
.ok_small{
 	padding: 4px 2px 4px 22px;
 	margin: 2px 0px 2px 0px;
	background: transparent url('/img/16/actions/agt_action_success.png') no-repeat 2px 2px;
}
.tip{
 	padding: 10px 5px 10px 50px;
 	margin: 10px 0px 10px 0px;
	background: #efefef url('/img/32/apps/ktip.png') no-repeat 5px 2px;
	border: 1px solid #999999;
}
.tip_small{
 	padding: 4px 2px 4px 22px;
 	margin: 2px 0px 2px 0px;
	background: transparent url('/img/16/apps/ktip.png') no-repeat 2px 2px;
}
.tip_vsmall{
	padding: 4px 2px 0px 16px;
	margin: 2px 0px 2px 0px;
	background: transparent url('/img/16/apps/ktip.png') no-repeat 0px 0px;
	font-size: 10px;
}
.info{
 	padding: 10px 5px 10px 50px;
 	margin: 10px 0px 10px 0px;
	background: #efefef url('/img/32/actions/info.png') no-repeat 5px 2px;
	border: 1px solid #999999;
}
.info_small{
 	padding: 4px 2px 4px 22px;
 	margin: 2px 0px 2px 0px;
	background: transparent url('/img/16/actions/info.png') no-repeat 2px 2px;
}
.terminal{
 	padding: 10px 5px 10px 50px;
 	margin: 10px 0px 10px 0px;
	background: #efefef url('/img/32/apps/terminal.png') no-repeat 5px 2px;
	border: 1px solid #999999;
}
.terminal_small{
 	padding: 4px 2px 4px 22px;
 	margin: 2px 0px 2px 0px;
	background: transparent url('/img/16/apps/terminal.png') no-repeat 2px 2px;
}
.classement{
  min-height: 50px;
  border: 1px dotted #888;
  background-color: white;
}
table.largeurmax{
  width: 100%;
}
#dhtmltooltip{
	position: absolute;
	max-width: 300px;
	border: 1px solid #999999;
	padding: 5px;
	background-color: #efefef;
	visibility: hidden;
	z-index: 900;
	/*opacity:0.9; /* pour FF */
  /*filter:alpha(opacity=90); /* pour IE */
}
/* tableaux visibles */
table.visible{
	border: 1px solid #B4B3B3;
}
table.visible td{
	border: 1px solid #B4B3B3;
	text-align: center;
}
table.visible td.al_gauche,
table.visible td.gauche{
	padding: 2px 5px 2px 5px;
	text-align: left;
}
table.visible tr.header{
  font-weight: bold;
	font-variant: small-caps;
}

/* systeme de boites generiques */
.box, .box_ico, .box_playlist{
	background-color: #efefef;
	border: 1px solid #999999;
	text-align: justify;
}
.box_ico, .box_playlist{
 	padding: 4px 4px 4px 45px;
 	margin: 10px 0px 10px 0px;
}
.box{
 	padding: 4px 4px 4px 4px;
 	margin: 5px 0px 5px 0px;
}
.box h2, .box_ico h2, .box_playlist h2{
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.box_playlist{
  background: #efefef url('/img/32/filesystems/folder_sound.png') no-repeat scroll 5px 10px;
}
.widebox{
  width: 740px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.widebox .titre{
	background-image: url('/img/skin/box_header.jpg');
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0px 10px 0px 10px;
	color: #636C7D;
}
.widebox .txt{
	border: 1px solid #dadce0;
	border-top: 0px;
	padding: 10px 10px 10px 10px;
	text-align: justify;
}


/* concernant les formulaires */
.bouton,
input[type=submit],
input[type=button]{
	background-image: url('/img/skin/bouton.jpg');
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	/*font-variant: small-caps;*/
	margin: 0px 0px 1px 0px;
	padding: 2px 2px 2px 2px;
	background-repeat: repeat-x;
	height: 20px;
	border: 0px;
}
textarea.lal{
	background-color: #CCCCCC;
	color: #000000;
	border: 1px solid #6699CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 5px;
}

/* LIENS */
a[href $=".pdf"], a.pdf{
  background: url('/img/16/mimetypes/pdf.png') center right no-repeat;
	padding-right: 16px;
}
a.pswdlost:link, a.pswdlost:visited, a.pswdlost:active{
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	color: #222222;
}
a.pswdlost:hover{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #222222;
}
.logout{
  text-align: center;
}
.logout a:link,
.logout a:visited,
.logout a:active,
.logout a:hover{
 	padding: 3px 2px 2px 20px;
 	margin: 10px 0px 10px 0px;
	background: url('/img/16/actions/exit.png') no-repeat scroll 1px 1px !important;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/16/actions/exit.png');
}
.logout a:hover{
	color: #DF0000;
}

/* UL */
ul.invisible{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* OL */
ol.playlist{
  border-left: 1px dotted #999999;
}

/* DIV */
.cacher{
  display: none;
}
.fin_float{
  clear: both;
}
.float_right{
  float: right;
}
.float_left{
  float: left;
}
.float_right img,
.float_left img{
  margin: 5px;
}*
div.banniere_pub{
	width: 740px;
	padding: 10px;
	border: 1px dashed #666666;
	overflow: auto;
	margin: auto;
	background: #EEEEEE;
}
div.commentaire_groupe{
	/*border-bottom: 1px dotted #999999;
	border-left: 1px dotted #999999;*/
	/*color: #ff7200;*/
	padding: 6px;
	font-style: italic;
}

/* projets */
div.details_projet{
	color: #ff7200;
	padding: 3px;
}
div.etats_projet{
	color: #ff7200;
	font-weight: bold;
}

/* Menu téléchargement */
div.menu_item{
	cursor: pointer;
	font-weight: bold;
}
a.menu_download,
a.menu_download:visited,
a.menu_download:active,
a.menu_download:hover{
	margin: 0px;
	margin-left: 4px;
	font-weight: normal;
}
div.preselection{
	padding: 0px;
	margin: 0px;
	text-align: center;
	margin-bottom: 5px;
}
div.bouton_pre_menu_download{
	float: left;
	background-color: #2767b6;
	color: #FFFFFF;
	border: 1px solid #000000;
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
	padding: 2px;
	cursor: pointer;
	width: 42px;
}
div.grp_avec_morceau{
	max-height: 390px;
	overflow: auto;
	height: expression(this.scrollHeight > 390? "390px": "auto" );
}
div.grp_sans_morceau{
	max-height: 145px;
	overflow: auto;
	height: expression(this.scrollHeight > 145? "145px": "auto" );
}

/* GUESTBOOK */
.guestbook{
  margin: 5px 0px 7px 0px;
  padding: 0px 0px 0px 0px;
	border: 1px #8a95a1 solid;
}
.guestbook .header{
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  background-color: #E0E0E0;
}
.guestbook .pseudo{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
}
.guestbook .date{
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.guestbook .txt{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
}
/* old
.guestbook_head{
	background-color: #EFEFEF;
}
.guestbook_aff{
	padding: 3px;
	border: 1px #B4B3B3 solid;
}
*/

.cal_tableau_dyn{
	text-align: center;
	padding: 0px;
	margin: 0px;
	border: 1px solid #999999;
	background-color: #EFEFEF;
	height: 55px;
	text-transform: uppercase;
	font-size: 9px;
	padding-top: 3px;
	overflow: hidden;
}
.cal_tableau_dyn .small{
	font-size: 8px;
}


/* Menu Gauche */
td.hg_menu{
	width: 5px;
	height: 30px;
	background-image: url('/img/degrade_1.jpg');
	background-repeat: repeat
}
td.hd_menu{
	width: 5px;
	height: 30px;
	background-image: url('/img/degrade_1.jpg');
	background-repeat: repeat
}
td.bg_menu{
	width: 5px;
	height: 30px;
	background-image: url('/img/degrade_2.jpg');
	background-repeat: repeat
}
td.bd_menu{
	width: 5px;
	height: 30px;
	background-image: url('/img/degrade_2.jpg');
	background-repeat: repeat
}
td.c_menu{
	margin: 5px;
	background-color: #B4B3B3;
}
td.h_menu {
	height: 30px;
	background-image: url('/img/degrade_1.jpg');
	background-repeat: repeat
}
td.b_menu {
	height: 30px;
	background-image: url('/img/degrade_2.jpg');
	background-repeat: repeat
}
td.g_menu {
	width: 5px;
	background-color: #B4B3B3
}
td.d_menu {
	width: 5px;
	background-color: #B4B3B3
}

/* Index */
#moko_img{
  float: left;
  padding: 2px 5px 8px 5px;
}
#dessin_homepage{
 	float: left;
 	padding: 6px 6px 6px 6px;
 	margin: 0px 0px 0px 0px;
}
#partenaires{
  padding: 5px 0px 0px 0px;
  text-align: center;
}
#top5boxson{
  padding: 5px 0px 0px 5px;
  text-align: center;
}

/* NEWS */
div.news{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
}
#content_gauche .moreAbout {
	margin: 0px 0px 15px 0px;
	padding: 7px 5px 5px 20px;
	/*text-align: center;*/
  background: url('/img/16/apps/mydocuments.png') no-repeat 0px 6px;
}

/* Wizard lecteur embarqué */
#wizard_code{
  width: 280px;
}
.colors .pick {
	display: block;
	float:left;
	width: 18px;
	height: 18px;
	margin-right: 2px;
	border: solid 1px #999999;
}
#colorpicker {
	border-collapse: collapse;
	position: absolute;
	left: 300px;
	top: 600px;
	background-color: #FFF;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	display: none;
	padding:5px;
	z-index: 999;
}
#colorpicker a {
	display: block;
	width: 15px;
	height: 15px;
	margin-bottom: 1px;
	margin-right: 1px;
	font-size:10px;
}


/* page de Telechargement */
#page_dwnld{
  height: 1%; /* bug fix pour IE6 */
}
#page_dwnld #boxes{
  float: right;
  width: 250px;
  margin: 0px 0px 8px 15px;
}
#page_dwnld #logo{
  border: 1px solid #C2C2C2;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 5px 0px;
	text-align: center;
	width: 180px;
  float: left;
}
#page_dwnld #info{
  padding: 3px 3px 10px 3px;
  float: left;
  width: 470px;
}
#page_dwnld #info #titre_styles{
}
#page_dwnld #info #titre_styles ul{
	padding: 0px;
	margin:  0px;
}
#page_dwnld #info #titre_styles li{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 15px;
	font-weight: bold;
}
#page_dwnld #info #membres_liste{
  border: 1px dotted #C2C2C2;
 	padding: 3px 3px 3px 35px;
  background: url('/img/32/apps/kdmconfig.png') no-repeat scroll 5px 10px;
}
#page_dwnld #commentaire_groupe{
	color: #ff7200;
	font-style: italic;
}
#page_dwnld #photos{
  height: 200px;
  overflow: auto;
}
#page_dwnld .album{
 	padding: 0px 0px 20px 0px;
 	margin: 0px 0px 0px 0px;
}
#page_dwnld .album_titre{
	font-variant: small-caps;
	font-weight: bold;
	font-size: larger;
}
#page_dwnld .album_titre a{}
#page_dwnld .album_commentaire{
	padding: 4px 10px 4px 10px;
	font-style: italic;
}
#page_dwnld .album .player{
 	padding: 0px 0px 0px 0px;
 	margin: 0px 0px 0px 0px;
 	float: left;
 	width: 220px;
}
#page_dwnld .album .morceaux{
 	padding: 0px 0px 0px 0px;
 	margin: 0px 0px 0px 0px;
 	float: right;
 	width: 480px;
}
#page_dwnld .morceau{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#page_dwnld .morceau .header{}
#page_dwnld .morceau .header .titre{float: left;}
#page_dwnld .morceau .header .hits{float: right;}
#page_dwnld .morceau .infos{}
#page_dwnld .morceau .infos .comment{
	font-style: italic;
}
#page_dwnld .morceau .infos .vote{
  padding: 0px 0px 0px 20px;
}

/* VIP: Page de Gestion */
#page_gestion{}
#page_gestion #classements{
  float: right;
  width: 280px;
}
#page_gestion #divers{
  float: left;
  width: 450px;
}
#page_gestion #divers #logo{
  border: 1px solid #C2C2C2;
	padding: 5px;
	text-align: center;
	width: 180px;
  margin: 0px;
  float: left;
}
#page_gestion #divers #info{
  padding: 3px;
  float: left;
}
#page_gestion #divers .commentaire{
  clear: both;
	color: #ff7200;
	font-style: italic;
  margin: 10px 0px 20px 30px;
}
#page_gestion #divers #groupe{
  float: left;
  margin-bottom: 5px;
}
#page_gestion #divers .box{
  clear: both;
 	padding: 4px 4px 4px 45px;
 	margin: 10px 0px 10px 0px;
}
#votes        { background: #efefef url('/img/32/filesystems/favorites.png') no-repeat scroll 5px 10px; }
#votes_comment{ background: #efefef url('/img/32/apps/aim3.png') no-repeat scroll 5px 10px; }
#pix          { background: #efefef url('/img/32/apps/lphoto.png') no-repeat scroll 5px 10px; }
#groupes_amis { background: #efefef url('/img/32/apps/package_favourite.png') no-repeat scroll 5px 10px; }
#favoris      { background: #efefef url('/img/32/apps/package_favourite.png') no-repeat scroll 5px 10px; }
#textes       { background: #efefef url('/img/32/actions/easymoblog.png') no-repeat scroll 5px 10px; }
#guestbook    { background: #efefef url('/img/32/actions/contents.png') no-repeat scroll 5px 10px; }
#concerts     { background: #efefef url('/img/32/apps/date.png') no-repeat scroll 5px 10px; }
#liens        { background: #efefef url('/img/32/apps/network.png') no-repeat scroll 5px 10px; }

/* VIP: divers */
#vip_mail_tip{
  float: right;
}
#vip_mail_form{
  float: left;
}
.morceaux_webradio{
  min-height: 50px;
  border: 1px dotted #888;
  width: 340px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.ico_vert,.ico_jaune,.ico_rouge{padding:2px 0px 2px 20px; margin:0px 0px 0px 0px; background:transparent url('/img/16/actions/greenled.png') no-repeat scroll 2px 2px;}
.ico_vert{background-image:url('/img/16/actions/greenled.png');}
.ico_jaune{background-image:url('/img/16/actions/yellowled.png');}
.ico_rouge{background-image:url('/img/16/actions/redled.png');}

/* FORUM */
.reply{
  margin: 5px 0px 7px 0px;
  padding: 0px 0px 0px 0px;
	border: 1px #8a95a1 solid;
}
.reply .header{
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  background-color: #E0E0E0;
}
.reply .pseudo{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
}
.reply .date{
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.reply .txt{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
}


/* ALIGNEMENTS */
.v_al_h {
	vertical-align: top
}
.v_al_c {
	vertical-align: middle
}
.v_al_b {
	vertical-align: bottom
}
.centre{
	text-align: center;
}
.al_droite, .droite {
	text-align: right
}
.al_gauche, .gauche {
	text-align: left
}

/* SURLIGNER */
.tabnormal {
	background-color: #FFFFFF
}
.tabover {
	background-color: #efefef
}

/* GALERIE */
div.thumb {
	background-color: #FAFAFA;
	margin: 3px;
	border: 1px solid #A0ACC0;
	height: auto;
	float: left;
	text-align: center;
}
.thumb img {
	display: inline;
	margin: 5px;
	border: 1px solid #A0ACC0;
}
.thumb a:hover img {
	border: 1px solid black;
}
.photocattitle {
	text-align: center;
	font-weight: bold;
}
.phototitle {
	text-align: center;
	font-weight: normal;
	width: 120px;
	margin: 0 3px 3px 3px;
}

/* Flash Upload */
div.flashupload{
  text-align: center;
  /*margin-left: auto;
  margin-right: auto;*/
  margin: 5em auto 15em auto;
}

/* UPLOADER */
.Lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5B8EB9;
	text-decoration: underline
}
.Lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EA8F0C;
	text-decoration: underline
}
.Champs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid black;
	background-color: #FFFFFF;
}
.BoutonBleu {
	background-color: #82A2BC;
	color: #F2F2FD;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
/* ...... */
table.petition {
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 90%;
	text-align: center;
}
td.petition {
	border: 1px solid #999999;
}

/* Contrat Boxson*/
div.contrat {
	border: solid 1px #999999;
	width: 85%;
	padding: 2px;
	max-height: 150px;
	overflow: auto;
	height: expression(this.scrollHeight > 150? "150px": "auto" );
}

/* tab */
/* inutile? -- 04/01/08
#topmenucontainer {
	margin: 7px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
ul#topmenu {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul#topmenu li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}
.tab {
	margin: 2px 2px 0px 2px;
	padding: 2px 2px 0px 2px;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #B4B3B3;
}
.tab:hover {
	background-color: #efefef;
}
*/


/************/
/* LIGHTBOX */
/************/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 900; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url('/img/blank.gif') no-repeat; display: block}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/img/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/img/nextlabel.gif') right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%}
#imageData {	padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}
#overlay{ position: absolute; top: 0; left: 0; z-index: 800; width: 100%; height: 500px; background-color: #000; }