/**************************************************/
/*           CLASSICAL CLASSES STYLES             */
/**************************************************/
body
{	
	scrollbar-face-color: #dee3e7; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #dee3e7; 
	scrollbar-3dlight-color: #d1d7dc; 
	scrollbar-arrow-color: #006699; 
	scrollbar-track-color: #efefef; 
	scrollbar-darkshadow-color: #98aab1;
	background-color:#FFFFFF;
}

a
{
	color: #003399;font-size: 11px; text-decoration: none;
}
a:hover
{
	color: #DD6900; text-decoration: underline;
}
a.black
{
	color: #000000;font-size: 11px; font-weight: bold; text-decoration: none;
}
a.black:hover
{
	color: #000000;font-size: 11px; font-weight: bold; text-decoration: underline;
}
a.thin-black
{
	color: #000000;font-size: 11px; text-decoration: underline;
}
a.thin-black:hover
{
	color: #000000;font-size: 11px; text-decoration: underline;
}

/**************************************************/
/*             CLASSES FOR FONTS                  */
/**************************************************/

.fullname {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
color:#FFFFFF;

}

/**************************************************/
/*             CLASSES FOR SEPARATORS             */
/**************************************************/
.separateur {
background-color: #8C8A8C;
}


/**************************************************/
/*             CLASSES FOR TABLE                  */
/**************************************************/

table.tbl_form {
background-color:#F6F6F6;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

table.tbl_listing {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

table.tbl_listing tr.listing:hover {
background-color: #FFFFCC;
}

table.tbl_nav_top {
background-color:#F3F2ED;
}

td.tbl_nav_left {
background-color:#BBBBCC;
}

table.tbl_infos {
background-color:#7D7D97;
}

table.tbl_login {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

table.tbl_results_nav {
background-color:#FFFFFF;
}

table.tbl_onglets {
background-color:#FFFFFF;
}

table.tbl_destinataires {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}


/**************************************************/
/*             CLASSES FOR FORMS                  */
/**************************************************/

select
{
	color: #333333; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; background-color: #FFFFFF;
}
textarea
{
	border-left-color: #FEFEFE; border-bottom-color: #FEFEFE; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; border-top-color: #FEFEFE; border-right-color: #FEFEFE
}
select.light,textarea.light,input.light
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border-color : #888888;
	background-color : #EEEEEE;
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}
.flat
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color : #000000;
	background-color : #FFFFFF;
	font-weight: normal;
	border-color : #888888;
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}
/**************************************************/
/*           CLASS FOR RESULTS NAV FUNC           */
/**************************************************/
.navresults
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003399; text-decoration: none;
}
.navresults-on
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003399; text-decoration: none;
}
/**************************************************/
/*           CLASS ONGLETS SECIONS                */
/**************************************************/
.onglet-on 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0066CC; text-decoration: none;
}
.onglet-on:hover 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0066CC; text-decoration: underline;
}
.onglet-off 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none;
}
.onglet-off:hover 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: underline;
}
/**************************************************/
/*           CLASS ONGLETS FICHES                 */
/**************************************************/
.ongletfiche-on 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0066CC; text-decoration: none;
}
.ongletfiche-off 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color: #777777; text-decoration: none;
}
.ongletfiche-off:hover 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #777777; text-decoration: underline;
}
/**************************************************/
/*           CLASS ONGLETS FICHES                 */
/**************************************************/

.login
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0066CC; text-decoration: none;
}

/**************************************************/
/*             MISCELLANEOUS CLASSES              */
/**************************************************/
.medium-grey
{ 
	font-size: 11px; color: #333333;
}
.grey
{ 
	font-size: 9px; color: #333333;
}
.lightgrey
{ 
	font-size: 9px; color: #C3C3C3; 
}
.white
{ 
	font-size: 9px; color: #FFFFFF; 
}
.minired
{
	font-size: 9px; color: #FF0000;
}

/**************************************************/
/*           ADDITIONAL CLASSES                   */
/**************************************************/

a.LINKimg {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}


#tr_rub_nav {
margin-bottom:5px;
}

#tr_rub_nav p {
display:block;
width:120px;
vertical-align:top;

}


#products p {
display: table-cell;
text-align: center;
vertical-align: middle;
float:left;
width:60px;
height:60px;
margin:5;
border:1px solid #CCC;
background-repeat:no-repeat;
background-position:center center;
z-index:1;
}

#dossiers p {
display: table-cell;
text-align: center;
vertical-align: middle;
float:left;
width:60px;
height:60px;
margin:5;
padding:3;
border:1px solid #CCC;
background-repeat:no-repeat;
background-position:center center;
z-index:1;
font-size:7pt;
}



#membres p {
display: block;
z-index:1;
margin:0;
padding;0;
}

#membres select {
border:0;
width:190px;
margin:0;
padding:0;
overflow:auto;
}

#destinataires select {
border:0;
width:190px;
margin:0;
padding:0;
overflow:auto;
}

#fond_edit_photo {
position:absolute;
left:180px;
top:240px;
width:450px;
height:505px;
background-color:#CCC;
z-index:3;

}

#edit_photo {
text-align: center;
vertical-align: middle;
}

#edit_photo p {
position:relative;
left:25px;
top:10px;
width:400px;
height:450px;
border:1px solid #CCC;
background-color:#FFF;
}


iframe {
border:0;
width:150px;
}

#tr_rub_nav h1 {
background-color:#7D7D97;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
cursor:pointer;
color:#FFF;
padding:2;
margin:0;
border:1px solid #000;
z-index:1;
}

#tr_rub_nav h1 a {
color:#FFF;
font-size:9px;
}

#tr_rub_nav h1 span {
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:7pt;
color:#FFF;
padding:2;
margin:0;
border:0;
z-index:1;
}

#tr_liste_clients {
display:block;
float:left;
padding:5;
width:250px;
}

#tr_liste_clients h1 {
background-color:#7D7D97;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
cursor:pointer;
color:#FFF;
padding:2;
margin:0;
border:1px solid #000;
z-index:1;
}

#tr_liste_clients p {
display:block;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
cursor:pointer;
color:#0066CC;
padding:2;
margin:0;
border-width:0px 1px 1px 1px;
border-style:solid;
border-color:#000;
z-index:1;
width:244px;
text-align:right;
font-weight:bold;
}

.switch_gal {
z-index:1;
float:right;
position:relative;
top:7px;
right:3px;
vertical-align:top
cursor:pointer;
}


#content_rub_nav {
background-color:#FFF;
padding:2;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
min-height:100px;
max-height:100px;
border-top:0px;
border-left:1px;
border-right:1px;
border-bottom:1px;
border-style:solid;
border-color:#000;
overflow:auto;
z-index:2;
cursor:pointer;
}

#content_rub_nav p {
padding:0;
margin:0;
display:block;
float:left;
}

#liste_themes {
background-color:#FFF;
padding:2;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
min-height:100px;
max-height:100px;
border-top:0px;
border-left:1px;
border-right:1px;
border-bottom:1px;
border-style:solid;
border-color:#000;
overflow:auto;
z-index:2;
cursor:pointer;
}

#liste_themes span {
padding:0;
margin:0;
display:block;
}

#liste_themes h2 {
padding:0;
margin:0;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
font-weight:normal;
display:inline;
}

a.lien_rub_nav {
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:8pt;
color:#0066CC;
font-weight:bold;
}

a.lien_liste_clients {
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
color:#0066CC;
font-weight:bold;
}

#content_cart {
padding:2;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
height:70px;
border-width:0px 1px 1px 1px;
border-style : solid;
border-color :#000;
overflow:auto;
z-index:2;
cursor:pointer;
}

#box_edit {
padding:2;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
border-width:0px 1px 1px 1px;
border-style : solid;
border-color :#000;
overflow:auto;
}


#cart {
float:left;
display:inline;
padding:0;
margin:0;
width:270px;
min-height:245px;
border:1px solid #000;
z-index:1;
text-align:center;
}

#cart h1 {
margin:0;
padding:2;
font-size:12pt;
font-weight:bold;
color:#000;
text-align:center;
}

#cart li{
cursor:pointer;
}


.galerie {
padding:2;
padding:0;
margin:0;
width:385px;
min-height:245px;
z-index:1;
}

.galerie p {
float:left;
text-align: center;
vertical-align: middle;
max-width:85px;
height:60px;
padding:0;
margin:5;
border:1px solid #CCC;
background-repeat:no-repeat;
background-position:top center;
z-index:1;
}

.galerie p span {
display:inline;
position:relative;
bottom:1px;
background-color:#CFCFCF;
width:150px;
}

.galerie h1 {
margin:0;
padding:2;
font-size:12pt;
font-weight:bold;
color:#000;
text-align:center;
}


.galerie li{
cursor:pointer;
}
/*
#cart p{
cursor:pointer;
padding:5;
margin:0;
float:left;
display:block;

}
*/





#membres {
width:250px;
font-size:10pt;
color:#000;
}

#membres option {
cursor:pointer;
}

#tr_rub_groupes_membres h1 {
background-color:#7D7D97;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
cursor:text;
color:#FFF;
padding:2;
margin:0;
border:1px solid #000;

}

#inplaceeditor-form {
background-color:#7D7D97;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
cursor:text;
color:#FFF;
padding:0;
margin:0;
border:1px solid #000;
}

#inplaceeditor-saving {
background-color:#7D7D97;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
cursor:text;
color:#FFF;
padding:2;
margin:0;
border:1px solid #000;
}

#div_form {
float:right;
margin-right:30px;
display:inline;
/*border:1px solid #000;*/
margin:0;
padding:0;
}

#div_form h1 {
background-color:#7D7D97;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
cursor:pointer;
color:#FFF;
padding:2;
margin:0;
border-bottom:1px solid #000;
}


#div_form2 {
float:right;
margin-right:30px;
display:inline;
/*border:1px solid #000;*/
margin:0;
padding:0;
}

#div_form2 h1 {
background-color:#7D7D97;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
cursor:pointer;
color:#FFF;
padding:2;
margin:0;
border-bottom:1px solid #000;
}

.div_loading {
text-align:center;
vertical-align:middle;
}

#tr_rub_minibook {
margin:10;
border-width:0px 1px 1px 1px;
border-style : solid;
border-color :#000;
}

#tr_rub_minibook h1 {
background-color:#7D7D97;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:10pt;
cursor:pointer;
color:#FFF;
padding:2;
margin:0;
border-width:1px 0px 1px 0px;
border-style : solid;
border-color :#000;
z-index:1;
}

#tr_rub_minibook h2{
text-align:right;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
width:244px;
height:15px;
margin:0;
padding:3;
/*background-color:#CCC;*/
background-image:url('images/icons/fiche.gif');
background-repeat:repeat-x;
display:block;
font-size:8pt;
color:#8C8A8A;
border:0;
}

#tr_rub_minibook p {
width:250px;
margin:0;
padding:3;
border:0;
border-style : solid;
border-color :#000;
font-family: 'Verdana', Verdana, Arial, Sans-Serif;
font-size:9pt;
color:#8C8A8A;
vertical-align:bottom;
}

#menu_context {
width:150px;
height:250px;
border:1px solid #000;
background-color:#CACACA;
}

.tablecell {
width:100%;
padding:2;
margin:5px;
}

#tr_mp3 {
width:230px;
color:#0066CC;
font-size:9px;
font-weight:bold;

border:1px;
font-family:Verdana;
}


#title {
padding:2;
margin:2;
font-family:Verdana, Trebuchet MS;
font-size:18pt;
color:#0066CC;

}

textarea {
border:1px solid #888888;
}

fieldset {
border:1px solid #999;
}

#infos {
border-width:1px 0 1px 0;
border-style:solid;
border-color:#888;
width:595px;

background-color:#F6F6F6;
padding:3px;
}

#infos fieldset {
border:1px solid #888;
margin:5px;

}

#infos fieldset legend {
font-family:Verdana;
font-size:11px;
color:#0066CC;
font-weight:bold;
}

#infos table {
border:0px solid #F00;
display:block;
vertical-align:top;
font-family:Verdana;
font-size:11px;
padding:5px;
}

#galeries_artistes {
width:930px;
border:0px solid #000;
float:left;
}

#galeries_artistes form {
padding:0px;
margin:0px;
}

#galeries_artistes fieldset {
float:left;
display:block;
margin:10px;
border:1px solid #888888;
width:400px;
background-color:#CCC
}

#galeries_artistes fieldset legend {
border:1px solid #888888;
padding:0px;
margin:0px;
}

#galeries_artistes input {
border:0px;
text-align:center;
color:#0066CC;
font-weight:bold;
font-size:11px;
}

#galeries_artistes textarea {
width:421px;
height:35px;
}

#galeries_artistes p {
margin-top:2px;
border:1px solid #888888;
overflow:auto;
width:420px;
height:200px;
background-color:#FFF;
}


/* BROWSER GALERIE */

#browser p {
padding:2px;
margin:5px;
border:1px solid #888888;
float:left;
display:inline;
text-align:center;
width:120px;
height:70px;
overflow:hidden;
}

#browser p table {
width:120px;
height:70px;
border:0px solid #F00;
text-align:center;
}

#browser a {
text-decoration:none;
color:#000;
font-size:11px;
}

#browser a:hover {
text-decoration:underline;
}

#browser img {
vertical-align:middle;

}

#browser form {
padding:0px;
margin:0px;
}

.inputfile {
position:relative;
float:left;
display:inline;
width:141px;
height:22px;
overflow:hidden;
margin:0 0 0 5px;
background:url(images/icons/upload.gif) no-repeat;
}

.inputfile input {
position:absolute;
right:0;
top:0;
font-size:600px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
cursor:pointer;
text-align:right;
}