/**************************************/
/*									  */
/*			Classe General 	          */
/*									  */
/**************************************/

/* PNG fix for IE */
/*img, div, a, input { text-decoration:none; behavior: url(iepngfix.htc); }*/

#bg_download 
{
    height:0;
    display:none;
}

.notVisible
{
	visibility:hidden;
}

.offers_button_container
{
	width:100px;
	margin-right:10px; 
	margin-left:auto;
}

table, td, th, tr
{
	border:0px solid black;
}
body 
{
	background:url(images/background.jpg) repeat-x #dcecf6;
	font-family:Verdana,Geneva, Arial, Sans-Serif;
	font-size:16px;
	margin:1px;
}

A
{
	text-decoration:none;
	color:#0000cc;
}

p
{
    margin:0px;
    padding:0px;
}

hr
{
	color:#abaeaf;
	margin-left:50px;
	margin-right:50px;
	margin-top:5px;
}

legend 
{
	font-weight:bold;
}

li 
{
	list-style-type:square;
	margin-bottom:5px;
	list-style-position:inside;
}

h1
{
	font-size:21px;
	color:#0c013e;
	text-align:center;
	margin-top:4px;
}
h2
{
	margin-top:2px;
	margin-bottom:2px;
}
h3{
	display:inline;
	vertical-align:10px;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
h4, h5 
{
 	font-size:18px;
	color:#060022;
	text-align:center;
	margin-top:4px;   
	margin-bottom:8px;
}
h5
{
	text-align:left;
	padding-left:20px;
}
h4
{
	background:url('../images/bg.png') repeat-x;
}

IMG
{
	border: 0px;
}
.red 
{
	color:#B80000;
}
.blue 
{
	color:#0c013e;
}

.strong
{
	font-weight:bold;
}
.fake_links
{	
	cursor:pointer;
	color:#0000cc;
	text-decoration:underline;	
}
.secondaryInfo
{
    font-size:80%;
}
/************************/
/* PSEUDO-CLASS GENERAL */
/************************/

A:hover
{
	text-decoration:underline;
	color:#0202e1;
}

A:link
{
	color:#0000cc;
}
A:active
{
		color:Green;
}
A:visited
{
	color:#0000cc;
}

.fake_links:hover  
{
	text-decoration:underline;
	color:#0202e1;
}
.fake_links:link
{
	color:#0000cc;
}
.fake_links:active
{
	color:Green;
}
.fake_links:visited
{
	color:#0000cc;
}
/***********/
/* BUTTONS */
/***********/

.button
{
	font-weight:bold;
}

#QI_Play input.yellow_big_button
{
	padding-left:120px;
	padding-right:120px;
}
.yellow_big_button
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	height:76px;
	border:2px solid #d99600;
	font-size:30px;
	font-weight:bold;
	background:url('../images/BUTTONS/bigbutton_bg.jpg') repeat-x right;
}
input.yellow_big_button:hover
{
	background:url('../images/BUTTONS/bigbutton_bg_hl.jpg') repeat-x right;
}

.yellow_large_button
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	height:46px;
	padding-left:30px;
	padding-right:30px;
	border:2px solid #d99600;
	font-size:20px;
	font-weight:bold;
	background:url('../images/BUTTONS/bigbutton_bg.jpg') repeat-x right;
}
input.yellow_large_button:hover
{
	background:url('../images/BUTTONS/bigbutton_bg_hl.jpg') repeat-x right;
}


.bbutton, .lbutton /* bigbutton littlebutton Classe actuel pour les boutons */
{
	cursor:pointer;
	padding-bottom:1px;
	margin:3px;
	font-size:16px; 
	font-weight:bold;
	border:2px solid #85a63a;
	background:url('../images/BUTTONS/button_bg.png') repeat-x right;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input.bbutton:hover, input.lbutton:hover
{
	background:url('../images/BUTTONS/button_bg_hl.png') repeat-x right;
}
input.bigbutton:active
{
 padding-top:8px;
 padding-bottom:-8px;
 background:url('../images/BUTTONS/bigbutton_bg.jpg') repeat-x right;
}
input.bbutton:active, input.lbutton:active
{
padding-top:1px;
padding-bottom:0px;
}
.lbutton /* Classe actuel pour les petits boutons */
{
	margin:2px;
	font-size:12px; 
	font-weight:bold;
}

/***********/
/* textbox */
/***********/


 /* Yannick: Added highlight because of Forum who Change class of the dropdownlist dynamically to higlight class */
.textbox, .catlist, .textbox_readonly, .textbox_showDefaultValue,
#theDBitself table input /* can't add textbox classes to this input */
{
	border:solid 1px #9DD3BE;
	background-color:#F3F7EC;
	color:#021a93;
	width:auto;
	font-size:100%;
	padding:3px;
}
.textbox_readonly
{
	background-color:Transparent;
	border:0px;
	color:#0b013d;
	font-style:italic;
}
.textbox_showDefaultValue
{
	background-color:#D3D7CC;
	color:#808080;
	font-style:italic;
}

.catlist
{
	border:0px;
}

.textbox:hover, #theDBitself table input:hover
{
	background-color:#FFF8E6;
}

/***************************************/
/* Text Container and General Container*/
/***************************************/
.double_border
{
	padding:10px;
	border:1px solid #FFEBBF;
	background-color:#FFF8EF;
}
.redcontent
{
	border:solid 1px #ef1d1d;
	padding:5px;
	width:280px;
	height:50px;
	background-color:#f3e9e9;
}

#text_content
{
	background-color:#CEE9DE;
	padding:10px;
	border: solid 1px #3AA67B;
}
#text_content h1
{
	margin-left:15px;
	text-align:justify;
	font-size:14px;
}
#top_profil h1
{
	margin-right:80px;
	text-align:right;
	color:#0a1132;
	margin-bottom:0px;
	margin-top:0px;
}

.blue_boxe
{
	width:229px;
	padding:0px;
	padding-top:0px;
}
.l_blue_boxe /* little blueblox */
{
	width:215px;
}
.blue_boxe h1, .l_blue_boxe h1
{
	margin-top:0px;
	margin-bottom:0px;
}
.blue_boxe_content
{
	padding-top:10px;
	border:2px solid #9dd3be;
	border-top:0px;
	background-color:#FFF8E6;
}

.blue_boxe h1
{
	background:url('images/Home/cadre_top.gif');
}
.l_blue_boxe h1
{
	background:url('images/Home/l_cadre_top.gif');
}

.general_content_container
{
	background:#ECF7F2;
	padding:5px;
	padding-top:0px;
	border:solid #FFB000 1px;
}
.green_cadre
{
 margin-left:15px; 
 background-image:url('../images/Results/cadre_top.png');
 background-repeat:no-repeat;
 width: 430px; 
 padding-top:28px;
 margin-bottom:10px;
}
.green_cadre ._middle_container
{
	background-image:url('../images/Results/cadre_bottom.png');
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:20px;
}
.green_cadre ._middle
{
 background-image:url('../images/Results/cadre_middle.png');
 padding:15px;
 padding-top:0px;
}
.green_cadre_right 
{
 background-image:url('../images/Results/cadre_top_right.png');
}
.green_cadre_right ._middle_container
{
	background-image:url('../images/Results/cadre_bottom_right.png');
}
.green_cadre_right ._middle
{
	background-image:url('../images/Results/cadre_middle_right.png');
}
/*********/
/* table */
/*********/

td.left_td
{
	text-align:right;
	width:75px;
}

td.td_center
{
	text-align:center
}

td.right_td em
{
	font-size:80%;
	margin-left:5px;
}

.table
{
	border-collapse:collapse;
}

.table th , .table td, .gridHeader
{
	border:1px solid #abaeaf;
	font-size:12px;
	padding:2px;
}
.table td img 
{
	vertical-align:-5px;
}

.table th, .gridHeader, .gridPager 
{
	background-color:#EDBFBF;
	font-weight:normal;
	color:#B80000;
	text-align:center;
}
tr.table_top_link_container A
{
	color:#B80000;
	text-decoration:underline;
}

#myQuizTable td
{
  background-image:url('images/opac_trente.png');
}

/**********/
/* POP UP */
/**********/

.JQ_modalpopup
{
    z-index:999999;
    background-image:url('../../images/opac_quarante.png');
    position:fixed;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
}

.divpopup
{
	background:#f2f2f2;
	z-index:9999991;
	width: 400px; margin: auto; 
	margin-top:50px;
	border: solid 2px #85A63A;
	padding-bottom:10px;
}
.divpopup > div
{
	margin-bottom:10px;	
	vertical-align:middle;
}
.divpopup_content
{
	padding: 10px;
}
.divpopup > h1
{
    padding:5px;
}

.avatarRow img
{
    width:90px;
    padding:3px;
    margin:4px;
    border:dashed 1px gray;
    cursor:pointer;
}
.avatarRow img:hover
{
    width:90px;
    padding:3px;
    margin:4px;
    border:solid 1px #B80000;
    cursor:pointer;
}
        ul.avatarRow
        {
            width: 700px;
            list-style-type: none;
            /*border:solid 2px red;*/
        }
        li.avatarRow
        {
            list-style-type: none;

            margin: 2px;
            float: left;
            font-size: 0.8em;
        }

/*********/
/* bulle */
/*********/

#bull_leftside
{
	background:url('../images/InfosPage/bull_hiboux.jpg') no-repeat bottom right #f2f2f2;
	width:184px;
}
#bull_top
{
	background:url('../images/InfosPage/bull_top.png') no-repeat;
	width:781px;
	height:44px;
}
 #bull_content
{
	border-left:3px solid #85A63A; 
	border-right:3px solid #85A63A; 
	width:775px; /* width marche seulement pour IE7*/
	background:#f5f9ee;
}
#bull_content img
{
 border:1px solid #1A1200;
}
#bull_content img.infos_next
{
	border: 0px;
	cursor:pointer;
}
#pnl_notice > DIV
{
	padding:10px;
}
#pnl_notice img
{
	vertical-align:-5px;
}
#pnl_notice
{
	font-size:14px;
}


/***************/
/** Helppopup **/
/***************/

#HelpContainer h3
{
	color:#43531D;
}
#HelpContainer p
{
	margin:10px;
}
#HelpContainer div
{
	display:none;
}
table.help_table th.help_th_selected
{
	background-color:#FFEBBF;
}
.help_spotlight
{
	border:4px #402C00;
	border-style:double;
	background-color:#FFD880;
}
.Avatar_container
{
	text-align:center;
	padding:2px;

}
.Avatar_container img
{
	border-width: 1px;
	border-color :#0fb000; 
	border-style:dotted;
}


/****************************/
/* TagCloud : nuage de mots */
/****************************/

#tagCloud
{
	width:500px;
	border:0;
	padding:5px;
	margin-bottom:10px;
	text-align:justify;
}

#tagCloud A
{
	text-decoration:none;
	margin-left:5px;
	margin-right:5px;
	font-family:Trebuchet MS, Verdana, Arial;
	text-transform:lowercase;
}

#tagCloud A:hover
{
	color:#00cc00;
	text-decoration:underline;
}

#tagCloud A.weight1
{
	color: #4169e1;
	font-size: 14pt;
	font-weight:bolder;
}
#tagCloud A.weight2
{
	color: #4169e1;
	font-size:11pt;
	font-weight:bolder;
}
#tagCloud A.weight3
{
	color: #4169e1;
	font-size: 10pt;
	font-weight:bolder;
}
#tagCloud A.weight4
{
	color: #4169e1;
	font-size: 9pt;
}
#tagCloud A.weight5
{
	color: #4169e1;
	font-size: 8pt;
}

/************************************/
/*									*/
/*			HOME INTERFACE			*/
/*									*/
/************************************/


.main_container
{
	margin-left:auto;
	margin-right:auto;
	width:987px;
}
#main_top_option
{
	position:absolute;
	text-align:right; 
	margin-right:auto; 
	margin-left:auto; 
	font-size:80%;
	margin-bottom:0px;
	right:5px;
	top:5px;
	z-index:9;
}
.main
{
	width:987px;
	z-index:0;
	margin-left: auto;
	margin-right: auto;
}
#main_content
{
	background:url(images/Home/cadre_middle.png) repeat-y;
}

.main_content_content
{
	margin-left:3px;
	margin-right:3px;
	background:url('images/pattern.png') repeat-y;
}

.logo
{
	float:left;
	margin-left:10px;
	z-index:inherit;
}

/*************/
/* MAIN MENU */
/*************/

.main_menu_container
{
	position:relative;
	height:76px;
}

.main_menu{
	position:absolute;
	z-index:0;
	bottom:0px;
	right:0px;
	margin-right:5px;
	padding:0px;
}

.main_menu A
{
  float: right;
  text-align: center;
  line-height: 38px;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial;
  color: #000000;
  text-decoration: none;
}

.main_menu .btn_off
{
	background: url('images/Home/menu_close.png') no-repeat;
	background-color: transparent;
	width: 244px;
	margin-right:2px;
}
.main_menu .btn_off:hover
{
	background: url('images/Home/menu_close_selected.png') no-repeat;
}

.main_menu .btn_on
{
  background: url('images/Home/menu_open.png') no-repeat;
  width: 244px;
  margin-right:2px;
}

/*******************/
/* HomePageContent */
/*******************/

.cadre_presentation {
	background-image: url('images/Home/cadre_presentation.gif');
	background-repeat: no-repeat;
	/*;o) - png fix issue - position: relative;*/
	height: 279px;
	width: 959px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}

.cadre_presentation P {
	line-height: 20px;
	font-size:18px;
	color:#0c013e;
	padding-top:20px;
	margin-left:245px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:5px;
}


/****************************************/
/* Widget la selection et la communaute */
/****************************************/

#widget_laselection, #widget_lacommunaute
{
	position:absolute;
	max-height: 254px;
}

.widg_homepage_contenu
{
	text-align:center;
	width:100%;
	margin-bottom:10px;
}
.widg_homepage_contenu table
{
	margin-left:35px;
}

.widg_homepage_contenu A
{
	text-decoration:underline;
}

#auteur_du_mois
{
	text-align:center;
	padding-bottom:10px;
	background:url('images/opac_trente.png');
}

.blue_boxe .lien
{
	border:solid 1px #bad1c8;
	text-align:center;
	bottom:0px;
	margin-top:10px;
	padding:5px;
	background:url('images/opac_trente.png');
}

.blue_boxe .lien:hover
{
	background:url('images/opac_quarante.png');
}

.lien A
{
	 color:#0c013e;
	 font-weight:bold;
}

/*******************/
/* connexion Panel */
/*******************/

.loginpanel p 
{
	margin-top:20px;
	margin-left:30px;
	margin-right:20px;
	font-size:12px;
}
.loginpanel p a
{
	font-size:100%;
	font-weight:bold;
}
.loginpanel a
{
	font-size:80%;
}
.loginpanel
{
	background-image:url('images/cadre_connexion.png');
	background-repeat:no-repeat;
	height:235px;
	padding-right:5px;
	padding-top:5px;
	float:right;
	width:340px;
}

.loginpanel
{
	position:relative;
}
.loginpanel ._pnlMessage
{
	min-height:25px;
	max-width:95%;
}

.invalid_credentials_message
{
    color:#F3F3F3;
}

.logintable
{ margin-left:15px }

/**********/
/* Footer */
/**********/

.foot
{	
	text-align:center;
	margin-left:auto;
	margin-top:auto;
}
.foot A {
	text-decoration:underline;
}







/*
				PAGE DESIGN
											*/


/*--------------------*/
/*-Login And Register-*/
/*--------------------*/

#login_panel_container
{
	margin-left:500px;
	margin-top:20px;
	width:440px;
}

#register_table em
{
	font-size:80%;
}

#register_table p
{
	text-align:center;
}

#register_infobox_table .warning_box
{
	padding:5px;
	border:1px dashed #B80000;
	background:#F8E6E6;
	color:#120000;
}

#register_table .textbox
{
	width:200Px;
}





/*-------------------*/
/*-- ACCOUNT HOME ---*/
/*-------------------*/
#AccHome_menu
{

}
#AccHome_menu .size12
{
	font-size:12px;
}

#AccHome_center_div > div 
{
	width:580px;
}
#AccHome_center_div > div H1
{
	background-color: #daeee5;
	border:1px solid #ABAEAF;
	text-align:left;
	padding:3px;
	padding-left:20px;
	margin-left:2px;
}

#AH_top 
{
	margin-bottom: 10px;
	background:url('../images/Home/AccHomeTop.jpg');
	height:33px;
	margin-right:5px;
	margin-left:5px;
	padding:10px;
}

#AH_top span
{
	color:#85A63A;
	font-weight:bold;
	font-size:18px;
}
#AH_left H1
{
	font-size:12px;
	background:url('../images/bg.png') repeat-x;
	height:21px;
	padding-top:3px;
}

/*--- Hibou de Mon Compte ---*/

.superhibou, .hiboubavard
{
	position:fixed;
	left:0px;
	bottom:-2px;
}
#blablahibou span
{
	display:none;
}
#blablahibou
{
	margin-left:170px;
	margin-top:15px;
	width:485px;
}
.superhibou
{
	min-width:876px;
	min-height:407px;
	background:url('../images/Hiboux/bighiboubavard.gif') no-repeat;
	left:5%;
}
.hiboubavard
{
	background:url('images/Hiboux/hiboubavard.png') no-repeat;
	min-height:237px;
	min-width:669px;
}
.hat
{
	display:none;
	cursor:pointer;
	position:fixed;
	left:0px;
	bottom:-2px;
}

.superhibou_text
{
		font-size: 20px; 
	position: absolute; 
	margin-left: 310px; 
	width: 545px;
	height: 150px;
	margin-top: 15px;
}

/*Acordion : définition générale*/
h3.ui-accordion-header
{
	padding: 5px;
    margin-top: 5px;
    margin:0px;
    padding:0px;
    cursor: pointer;
    font-weight:normal;
    font-size:14px;
    line-height:2px;
}
ui-accordion-content
{
	font-size: 14px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent A, .accordionContentContact A, #LC_add_contact_box A
{
	font-size:14px;

}

.accordionContent
{
	border:1px dotted #efb41d;
    padding: 5px;
    margin-left:10px;
    background:url('../images/opac_vingt.png');
    height:auto !important;
}

/* style accordion pour les listes de contacts */
.accordionHeaderContact, .accordionHeaderSelectedContact, .accordionHeaderAdmin, .accordionHeaderSelectedAdmin
{
	font-size: 14px;
    padding: 5px;
    margin-top: 5px;
}

.accordionContentAdmin, .accordionContentContact
{
    background:url('../images/opac_vingt.png');
    border-left:1px dotted #efb41d;
    padding: 5px;
    margin-left:10px;
}
.accordionContentContact
{
	padding-bottom:10px;
	margin-bottom:15px;
}

.contact_label
 {
 	margin-left:10px;
 	color:#0886B5;
 }
 
 
 
 
 
 
/*----------*/
/*- Profile-*/
/*----------*/

.photo
{
	border:1px solid #FFEBBF;
	padding:3px;
	text-align:center;
	width:inherit;
}


#profile_extrafeatures
{
    float:left;
    width:188px;
    margin-left:15px;
    margin-right:5px;
}
.profile_avatar
{
	padding:5px;
	border:1px solid #FFC440;
	background-color:#FFF8E6;
    
    margin:2px;
	
}
#profile_newpassword 
{
    display:none;
    
}
#profile_content
{
	margin-right:10px;
    padding-left:15px;
    border: solid 1px #A0C0A0;
    margin-top:1px;
    
}
#profile_content em
{
    font-style:normal;
    font-size:80%;
}
#profile_content .pctr
{
    
}

#profile_content .labels
{
    text-align:right;
    padding-top:8px;
    padding-bottom:8px;
}
#profile_content td
{
	
    /*border: solid 1px #00C0A0;*/
    margin-top:10px;
    margin-bottom:10px;
    
}
.profile_nickname
{
    font-family:Tahoma;
    font-size:21px;
    color:#0c013e;
}
.profile_labels
{
}
.profile_privatepublic
{
}

.profile_fileupload
{
	margin-top:10px;
	width:200px;
	margin-bottom:10px;
}




/*-------------------*/
/*-    Quiz List    -*/
/*-------------------*/

#QL_links li
{
	float:none;
	font-size:12px;
	display:inline-block;
}

#ctl00_contentInnerPage_quizlist tr
{
	background-image:url('../images/opac_trente.png');
}
#ctl00_contentInnerPage_quizlist tr a
{
	padding:10px;
	font-size:12px;
}

#ctl00_contentInnerPage_quizlist th a
{
	font-size:14px;
	color:#B80000;
	text-decoration:underline;
}




/*--------------*
/*- COMMUNITY -*/
/*-------------*/

/* Community news */

#community_news
{
	width: 690px;
	height:315px;
	margin-bottom:15px;
	margin-left:5px;
}
#community_news_content
{
	overflow:auto; 
	max-height:280px;
}
#community_news_content h4
{
	padding-bottom:3px;
	border-bottom:2px dotted #f3f3f3;
	text-align: left;
	padding-left:10px;
	margin-top:0px;
}
#community_news_content p
{
}
#community_forum_info div
{
	margin-left:5px;
	margin-right:5px;
	border-bottom:1px solid #abaeaf;
}
#community_forum_info div div
{
	margin-bottom:5px;
	border:0px;
	text-align:left;
}

/*------ Forums --------*/

.post_reply
{
	text-align: center;
	font-weight: bold;
}

.postinfo
{
	vertical-align:baseline;
	font-weight:bold;
	font-size:12px;
	background-color:#E0E9CE;
	text-align:center;
}
.sectiontitle
{
	margin-bottom:10px;
	margin-left:25px;
	padding-top:5px;
	font-weight:bold;
}
.quote_post
{
	background:url('../images/opac_vingt.png');
	border-top:solid 1px #0c013e;
	padding-right:15px;
	text-align: right;
	font-weight: bold;
	font-size:12px;
}

.posttitle
{
	background:url('../images/opac_quarante.png');	
	color:#07090a;
	font-weight:bold;
	text-align:center;
	padding:5px;
	border-bottom:solid 1px #0c013e;
}
.postbody
{
	padding:10px;
}
.postbody p
{
	color:#06001f;
	font-size:14px;
	margin-bottom:14px;
}

.postbody blockquote
{
	background-color: #6CBD9C;
	border: solid 1px #85A63A;
	padding:15px;
}

.dlstForums > tbody > tr > td 
{
	border:1px solid #abaeaf;
}

table.forum_table td
{
	border:0px;
}
.dlstForums > tbody > tr > td:hover
{
	background:url('../images/opac_vingt.png');
}

.thread
{
	margin:10px;
	background:url('../images/opac_quarante.png');	
}

table.forum, table.thread
{
	background:url('../images/opac_trente.png');
	width:98%;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #85a63a;
}
table.forum td a, table.forum td small
{
	padding:10px;
}
table.forum td, table.thread td
{
	border-bottom:1px solid #85A63A;
}

table.forum th
{
	background-color:#E0E9CE;
	border-bottom:1px solid #85a63a;	
}
table.forum tr:hover
{
	background:url('../images/opac_quarante.png');
}




/*------------------*/
/*--- ERROR PAGE ---*/
/*------------------*/

#error_container
{
	background:url('images/Hiboux/errorhibou.jpg') no-repeat 50px #f3f3f3; 
	min-height:407px;
}
.error_text_container
{
	font-size: 20px; 
	position: absolute; 
	margin-left: 350px; 
	width: 545px;
	height: 150px;
	margin-top: 20px;
}





/*----------------------------------*/
/*-- Groups and courses interface --*/
/*----------------------------------*/

#group_menu
{
	float:left;
	margin-left:20px;
	padding:5px;
}





/*-------------------*/
/*---- Resources ----*/
/*-------------------*/
.lib_res_heading
{
	font-weight:bold;
    margin-top:15px;
    background-image:url('../images/opac_quarante.png');
}

.error_message
{
	margin-left:0px;
	color:#ef1d1d;
}
.resource_detail_column
{
	text-align:center;
}
.footerstyle
{
	background-color:#EDBFBF;
}
.grid_row
{
	background:url('../images/opac_vingt_red.png');

}
.grid_alternate_row
{
	background:url('../images/opac_vingt.png');
}

.Library_rowstyle
{
	background-color:#E2DED6;
}

.table tr:hover
{
	background-color:#fff8e6;
}

.table tr.gridPager:hover, .table tr.gridHeader:hover
{
	background-color:#EDBFBF;
}
#ress_handler
{
	margin-right:auto;
	margin-left:auto;
}




/*-----------------*/
/*- User DATABASE -*/
/*-----------------*/

#lib_db_leftcontent table.forum TR TD /* library database left content*/
{
	text-align:center;
}





/*----------*/
/*- Profil -*/
/*----------*/

#profile_MyQuizTable_container table
{
	margin-right:auto;
	margin-left:auto;
	width:700px;
}
#UserInfo span
{
	padding-left:8px;
	color:#07090a;
}
#UserInfo span.profile_title
{
	font-weight:bold;
	padding-left:3px;
		color:#1868c0;
}
.profile_title
{
	color:#1868c0;
}






/*-------------*/
/*- My Result -*/
/*-------------*/

#mr_description
{
	padding-bottom:33px;
}





/*--------------------------------------*/
/*- professor and user interface (PUI) -*/
/*--------------------------------------*/

#PUI_members_container
{
	margin-left:10px;
	width:170px;
	float:left;
	height:100%;
}
#PUI_members_containermenu
{
	padding:3px;
	padding-top:5px;
}

.PI_members_containertop_right_container
{
	width:250px;
	float:right;
	padding:10px;
	border-left:1px dotted #aaadaf;
	border-bottom:1px dotted #aaadaf;
}
#PI_members_containermiddle_header
{
	width:490px;
    margin-left:205px;
}
#PI_members_containermiddle_header p 
{
	margin-bottom:15px;
}
#PI_members_container
{
	margin-top:15px;
}
#PI_members_container table td
{
	vertical-align:top;
}

#PI_warning
{
	margin-top:40px;
	border:1px solid #ef1d1d;
	background-color:#ffe7e5; 
	width:460px;
}
#PI_warning span
{
	vertical-align: top;
	color:#ef1d1d;
}
#PI_create_prop
{
	margin:30px;
}
#PI_create_prop span
{
	font-weight:bold;
}
#PI_create_prop tr > td
{
	vertical-align:top;
}
#PI_members_table_container div table, #PI_prof_container div table
{
	width:100%;
}
#PI_members_table_container div table td:hover, #PI_prof_container div table td:hover
{
	background-color:#CEE9DE;
}
.user_status
{
	background-image:url('images/patterng.jpg');
}
.group_status
{
	background-image:url('images/patternp.jpg');
}
.user_status_gridView td
{
	margin-top:10px;
	border:1px solid #f3f3f3;
	text-align:center;
}

 #stud_int_top_right
 {
	width:200px;
	padding-right:15px;
	float:right;
	z-index:100;	
	text-align:center;
 }
#stud_int_middle
{
	margin-left:200px;
	z-index:2;
}
#stud_int_middle_head
{
	margin-right:200px;
}
.stud_int_middle_body /* C'est une classe car l'id est genéré par le serveur*/
{
	margin-top: 15px;
}

#stud_int_quiz_table
{
	padding-top:10px;
	clear:right;
	padding-right:10px;
}

/********************Debut ComponentArt Grid*******************************************/
.GridClass
{
  cursor: default
}

.rowclass
{
  background-color: #ffffff
}

.datacell 
{
  border-right: #ddecfe 1px solid;
  padding-right: 4px;
  font-size: 12px;
  cursor: default;
  font-family: verdana
}

.alternatingrowclass 
{
  background-color: #ddecfe
}

.headerclass 
{
  font-weight: bold;
  font-size: 12px;
  font-family: verdana
}

.headingcellclass 
{
  padding-right: 10px;
  padding-left: 4px;
  height: 20px
}

.headingtextclass 
{
  padding-left: 5px;
  font-weight: bold;
  font-size: 12px;
  font-family: verdana;
  white-space: nowrap
}

.headingrowclass 
{
  background: url(../images/patternp.jpg)
}
.headingrowclass_student
{
  background: url(../images/patterng.jpg)
}

.selectedrowclass td.datacell 
{
  border-right: #90a8d0 1px solid
}

.indentcell 
{
  border-right: 0px;
  background: #a9c7f4;
  height: 20px
}

.footerclass
{
  background: url(../images/patternp.jpg)
}
/********************Fin ComponentArt Grid*******************************************/




/*-----------*/
/*- CONTACT -*/
/*-----------*/

#partner img
{
	display:block;
	margin-right:auto;
	margin-left:auto;
	border:1px black solid;
	margin-bottom:10px;
}




/*----------*/
/*- Presse -*/
/*----------*/


#PRealease1 h4
{
	padding-top:0px;
	margin-top:20px;
}


/*----------*/
/*- Offers -*/
/*----------*/

 #offers_table td,  #offers_table th
 {
 	border:1px dotted #85A63A;
 }
 #offers_table th 
 {
 	background:url('../images/offers.png') no-repeat #f3f3f3;
 	border-right:0px;
 	border-left:0px;
 	border-top:0px;
 	font-size:14px;
 	background-position:center top;
 }
 #offers_table
 {
 	text-align:center;
 	font-size:12px;
 	border-collapse:collapse;
 	padding:10px;
 	margin-right:auto;
 	margin-left:auto;
 }
 table.help_table{
 width:90%;
 margin-right:auto;
 margin-left:auto;
 border-collapse:collapse;
 }
table.help_table th
{
	 cursor:pointer;
	 height:60px;
	 border:1px solid #FFB000;
	 border-top:0px;
	 background-color:#ECF7F2;
}
table.help_table th:hover
{
	 background-color:#C3D39D;
}
table.help_table th span
{
	font-weight:normal;
}
tr#tarif td
{
	padding:15px;
}
col#col1
{
	min-width:190px;
}
td#offer1
{
	max-width:200px;
	background-color:#FFF8E6;
}
td#offer2
{
	background-color:#FFEBBF;
}
td#offer3
{
	background-color:#FFD880;
}






/*----------*/
/*- result -*/
/*----------*/

#result_container div
{
	margin-bottom:1px;
}
#result_container div > STRONG
{
	display:block;
	margin-bottom:10px;
}


#QResultsInfos
{
    }
    #QResultsInfos #leftcol 
    {
        width:400px;
        float: left;
    }
    #QResultsInfos #rightcol 
    {
        width:420px;
        float:right;
    }



/*--------------*/
/*-UserComments-*/
/*--------------*/

.comment_bg
{
	background-image:url('../images/bg_bullcom.png');
	background-repeat:repeat-y;
}
.comment_bg_top
{
	width:312px;
	padding-left:30px;
	padding-top:5Px;
	background-image:url('../images/bg_bullcom_top.png');
	background-repeat:no-repeat;
	min-height:40px;
}
.comment_bg_top div
{
	max-width:282px;
}






/*-----------------------*/
/*- GetCreditsOrPremium -*/
/*-----------------------*/

.div_buyCredits > div
{
	margin:15px;
	padding:15px;
	border-bottom:1px gray dotted;
	width:600px;
	margin:auto;
}
.gCoP_table 
{
	border:1px dotted #85A63A;
	padding:5px;
	margin:15px;
	margin-top:0px; 
}
.gCoP_table td
{
	border-left:1px dotted #85A63A;
}
.div_buyCredits div input
{
	margin-right:10px;
}
.div_buyCredits div span
{
	vertical-align:middle;
}
.div_paymentOptions form
{
	width:200px;
	float:right;
}
.green_font
{
	color:#43531D;
}








/*-----------------------*/
/*-        Link         -*/
/*-----------------------*/

#links_Container li img
{
	margin-right:10px;
	width:125px;
	height:60px;
	float:left;
}
#links_Container li 
{
	height:100px;
	list-style-type:none;
}
#CssPropertyTable
{
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
}
#CssPropertyTable table
{
	width:auto;
}
#CssPropertyTable table td
{
	padding: 5px;
	border:0px;
}
#CssPropertyTable td
{
	border-right: 1px solid #CEE9DE;
	border-bottom: 1px solid #CEE9DE;
	background-color:#ECF7F2;
	padding: 15px;
}
#CssPropertyTable td img
{
	width:125px;
	height:125px;
}








/*************************************************************/
/*************************************************************/
/*************************************************************/
/*															 */
/*                  EDITION DE QUIZ							 */
/*															 */
/*************************************************************/

#top_option
{
	text-align:right; 
	margin-right:auto; 
	margin-left:auto; 
	margin-top:10px;
	padding-right: 15px;
}

#edit_interface_container 
{
	margin-top:0px;
	width:auto;
	min-height:550px;
	max-width:2048px;
	background:url(images/EditPage/cadre_content.png) repeat-y;
	background-color:#f3f3f3;
}




/*********************/
/**** STORYBOARD *****/
/*********************/

/* div du storyboard */
#storyboard_container > a{
	text-align:center;
	font-size:12px;
}
#storyboard_container
{
	margin-top:20px;
	margin-left:20px;
	width:130px;
	position:fixed;
	max-height:400px;
	overflow:auto;
}

.storyboard_page, .storyboard_currentpage, .storyboard_frontcoverpage, .storyboard_backcoverpage
{
	padding-top:8px;
	padding-bottom:8px;
	margin-left:0px;
	margin-right:4px;
	/* border:dotted 1px #72299a; */
	height:auto;
	text-align:center;
	font-size:18px;
	margin-bottom:8px;
	margin-top:5px;
	background-color:#ebf1e5;
	border:solid 1px #aec88b;
}

.storyboard_frontcoverpage,.storyboard_backcoverpage 
{
    font-size:12px;

   	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}
.storyboard_backcoverpage 
{
	-moz-border-radius:0px 0px 5px 5px ;
	-webkit-border-radius:0px 0px 5px 5px ;
}

.storyboard_page, .storyboard_frontcoverpage,.storyboard_backcoverpage 
{
	background-color:#f2e9e6;
	border:solid 1px #c79689;
}

 .storyboard_page:hover
{
	background-color:#f2dbd5;
}
 .storyboard_currentpage:hover
{
	background-color:#e4f2d5;
}

/* bouton ajouter une question */
.storyboard_add_question /* pas utilisé si bouton "ajouter une question" est en dehors du storyboard */
{
	display:block;
	font-weight:normal;
	font-size:55%;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border:0px;
	font-weight:normal;
}

p.storyboard_question
{
	font-size:14px;
	line-height:1;
	margin-top:5px;
	margin-bottom:5px;
}

.storyboard_add_Page
{
	text-align:center;
	font-size:75%;
}



/*************************/
/* Editor Middle Content */
/*************************/

#editor_panel
{
	margin-top:10px;
	margin-right:10px;
	margin-left:180px;
    min-width:400px;
    background-color:#fff8e5;
    border-bottom:solid 1px #efb41d;
    border:solid 1px #aec88b;
    margin-right: 5%;
}

#content
{
min-width:700px;
}

/* question header */

.qst_header_optpanels 
{
    margin:0px;
    
}

.qst_header
{
	background:url('../images/EditPage/qst_h_bg.png') repeat-x bottom;
	height:40px;
	padding:0px;
	margin:0px;
	width:auto;
    /*border:dashed 1px red;*/
    min-width:775px;
    position:relative;
}
.qst_headers,.qst_headers *
{

}

.qst_header h3
{
	font-size:24px;
	font-weight:bold;
	
}
.qst_header .qst_h_left img
{
	margin-right:20px;
	position:relative;
	width:40px;
	height:40px;
}
.qst_options_container  /* We don't use real UL/LI because of firefox indent */
{
	background:url('../images/EditPage/qst_h_li.png') no-repeat;
	width:436px;
	height:40px;
	display:inline;
	float:right;
	margin:0px;
	
	padding-right:0px;
}

.qst_header .qst_options
{
	font-size:12px;
	display: inline;
	float:right; 
	margin-top:12px;
	margin-right:12px;
}
.qst_h_left
{
	background:url('../images/EditPage/qst_h_left.png') no-repeat;
	width:352px;
	height:40px;
	position:absolute;
	float:left;
}
.qst_h_bbg
{
    /*margin-top:-23px; pb IE8: not good solution with neg margin*/
	height:33px;
	background:url('../images/EditPage/qst_h_bbg.png') repeat-x;
}

.properties, .tips, .comment
{
	padding:15px;
	background:#ebf1e5;
	border-right:1px solid #85a63b;
	border-left:1px solid #85a63b;
	
	border-top:0px;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	font-size:14px;
}

/* TINY MCE EDITION */

 /* ALL the qst_gip_mcq Are on App_Themes Css */

.mceLayout
{
	margin-right:auto;
	margin-left:auto;
	width:100% !important;  /* Class tinyMCE avec une width fixer dans le css tinyMCE */
}
.mceContentBody P
{ 
	margin:10px;
	display:inline;
	line-height:1;
	background-color:Black;
}

.rootcontrol_container  /* had to kill TinyMCE CSS */
{
	margin:0px !important;
	padding:0px !important;
	border: 0px !important;
}

.qst_game , .fillintext_container, .fillintext_container P,
.qst_edit /* div who replace tinyMCE */, .qst_body /* body de tinyMCE */, .qst_edit p , qst_gip
{	
	font-size:20px;
	padding:0px;
	margin:10px;
	padding-bottom:0px !important; /* Kill TINYMCE CSS (for qst_body) */
	font-family:Verdana,Geneva, Arial, Sans-Serif; /* Kill TINYMCE CSS (for qst_body) */
	font-weight:normal;
	text-align:left;
	text-indent: -0px; /*une indentation apparait avec les <p> quand text non-edité ... indentation bizarre*/
}

.qst_body
{
	background-image:none; /* This class is for a <body> it delete the body CSS image of SoQuiz.css*/
}


/***************************
    INDIVIDUAL QUESTION CONTROLS
****************************/

.fillInText_response_Neutral
{
    color:#006699;
    font-weight:bold;
}
.fillInText_response_Right
{
    color:#669900;
    font-weight:bold;
}
.fillInText_response_Wrong
{
    color:#CC0000;
    font-weight:bold;
}
.fillInText_textbox 
{
    border:solid 2px #abceaf;
	background-color:#eff5e0;
	color:#021a93;
	width:auto;
	font-size:100%;
	padding:3px;
}
.fillInText_textbox:hover
{
	background-color:#ebebe9;
}
.fill_in_text
{
    width:100%;
    border:1px;
}
/* Bouton enregistrer-Quiz-Edition et valider-Quiz-Play */
.Edit_Quiz_savebutton_container
{
	float:right;
}
.save_button
{
	position:relative;
	margin-top:60px;
}
.deletepage_button
{
    position:relative;
	margin-top:60px;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:5px;
}

/* Question de type QCM */

.qcm_ol 
{
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
.qcm_ol table 
{
	width:100%;
}
.qcm_ol table td
{
	width:100%;
}
.qcm_ol li
{
	list-style-type:none;
}


/* Question add Control */

#question_add th
{
	background-color:#9DD3BE;
}
#question_add
{
	background:url('../images/opac_trente.png');
	width:98%;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #85a63a;
}
#question_add tr.qa_header:hover
{
	cursor:auto;
	background-image:none;
}
#question_add
{
	max-width:660px;
}
#question_add td, #question_add th
{
	border:1px solid #A4BD6C;
	border-left:0px;
	padding:5px;
}
#question_add th
{
	border-left:1px;
	background-image:url('../images/opac_vingt.png')
}
#question_add tr td:first-child
{
	text-align:center;
	border-left:1px;
	border-right:0px ;
}
#question_add tr:hover
{
	cursor:pointer;
}
#question_add tr:active
{
	background:url('../images/opac_vingt.png');
}
#question_add tr:hover
{
	background:url('../images/opac_quarante.png');
}

#question_add img
{
	vertical-align:-2px;
	 margin-right:5px;
}
span.display_addquestion
{
	color:#0000cc;
	cursor:pointer;
	margin-top:30px;
	margin-left:18px;
	margin-right:20px;
}
span.display_addquestion:hover
{
	color:#4e4ee7;
}

.gamedrag
{
    cursor: pointer;
	cursor: hand;
    display:inline-block;
    /*float:left;*/
}
.gamedrag_dragging
{
    /*font-size: 110%;*/
    border: solid 3px !important;
    background: #eff5e0 !important;/*;*/ 
}

.gamelabel_todrag
{   border: solid 1px #abceaf;
    background: #eff5e0;
    padding: 2px 4px 4px 2px;
    margin-left:4px;
    margin-right:4px;
    
}

.gamelabel_todrag_inplace {
    border: none;
    padding: 2px 4px 4px 2px;
    color:Navy;
    
}


.gamedrop-active,.gamedrop-hover 
{
    border-width:2px;
    height:22px;
}
.gamedrop-hover 
{
    background: yellow !important;
}


.gamedropbag_container
{
    border: solid 2px #abafce;
    background: #F7EFFA;
    margin: 5px;
    margin-top:20px;
    padding: 5px; /*8px 8px 8px 8px;*/

}
.gamedropbag 
{
    border: solid 1px #abafce;
    background: #F4EFF8;
    padding: 0px;
    width:inherit;
}

.gamedrop 
{
    
    border: solid 1px #abafce;
    background: #faf3fB;    
    padding: 2px 4px 4px 5px;
    color:Black;
    margin-top:12px;
    
}

/***************************
    CSS EDITOR
****************************/
.css-samplebgimg 
{
    min-width:120px;
    min-height:120px;
    max-width:140px;
    max-height:140px;
    border: solid 2 black;
    float: left;
    margin:4px;
    margin-bottom:20px;
    margin-top:20px;
}




/************************************************************/
/************************************************************/
/*															*/
/*						Game Interface						*/
/*															*/
/************************************************************/

#GamePanel
{
	margin-top:10px;
	margin-right:10px;
	margin-left:180px;
    min-width:400px;
    margin-top:55px;
    line-height:25px; /*bien sûr , faire dépendre dela  taille police */
}





/*---------------------------------------*/
/*------ LabelPic - Not Implemented Yet -*/
/*---------------------------------------*/

.labelName {
  border : none;
  border-color : white;
  font-size : 11px;
  font-family : Times;
  width : 120px;
 }
 
 .labelTable {
  width : 200px;
 }
 
 .leftPane {
   border : 1px solid black;
   width: 180px;
 }
 
.rightPane {
   border : 1px solid black;
   position : relative;
   float:right;
   left : 0px;
   top : 0px;
   background-color:Aqua;
  }
 
 .caption {
  font-size : 12px;
  font-family : Times;
 }

 .positionBox {
  font-size : 11px;
  font-family : Times;
  cursor : pointer;
  cursor : hand;
 }

 .visibilityBox {
  font-size : 11px;
  font-family : Times;
  cursor : pointer;
  cursor : hand;
 }
 
 .labelBox {
  border : 1px solid black;
  background-color : yellow;
  font-size : 13px;
  font-family : Times;
  width : 100px;
  height : 20px;
  position : absolute;
  text-align : center;
  cursor : pointer;
  cursor : hand;
 }

 .innerDivLR {
  width : 95px;
  cursor : pointer;
  cursor : hand;
  overflow-x : hidden;
 }

 .innerDivTB {
  height : 18px;
  cursor : pointer;
  white-space : nowrap;
  cursor : hand;
  overflow-y : hidden;
  margin : 0px 3px 0px 3px;
 }
 
 .labelInvisible {
  border : 1px dotted black;
  background-color : #ffff80;
  font-size : 13px;
  font-family : Times;
  width : 100px;
  height : 20px;
  position : absolute;
  text-align : center;
 }

 .selectedLabelBox {
   border : 1px solid red;
 }
 
 
 .labelTdSelect {
   border : 1px solid red;
 }
 
 .leftPaneLabelContainer {
   overflow-y : scroll;
 }

/* PLAYER */
/* For Label TextBox part of the CSS are directly on the ascx controls */

.highlight_box {
  background-color : #80ff80;
  z-index : 20;
}

.highlight_box {
 border : 1px solid black;
 background-color : #efb41d;
   font-size:12px;
 width : 100px;
 text-align : center;
 cursor : pointer;
 cursor : hand;
 position : absolute;
 z-index:99;
}
#TheyAlsoDid table td 
{
	vertical-align:top;
}

/*---------------------------------------*/
/*------ CROSSWORDS -*/
/*---------------------------------------*/
.CWE_worddef 
{
    margin:5px;
}

.CW_tbDef 
{
    width:350px;
}
.CW_tbW
{
    width:150px;
}

table
    {
    }
    td.left
    {
        border-left: 1px solid black;
    }
    td.right
    {
        border-right: 1px solid black;
    }
    td.top
    {
        border-top: 1px solid black;
    }
    td.bottom
    {
        border-bottom: 1px solid black;
    }
    td.invisible
    {
        background: white;
    }
    td.visible
    {
        background-color: #AAAFF4;
    }
    td.normal
    {
    }
    td.focus
    {
        border-left: 0.25mm solid red;
        border-right: 0.25mm solid red;
        border-top: 0.25mm solid red;
        border-bottom: 0.25mm solid red;
    }
    td.error
    {
        background-color: #F8A58F;
    }
    input.error
    {
        background-color: #F8A58F;
    }
    td.correct
    {
        background-color: #99F295;
    }
    input.correct
    {
        background-color: #99F295;
    }
    td.neutral
    {
        background-color: #ffffff;
    }
    input.neutral
    {
        background-color: #ffffff;
    }
    td.highlight
    {
        background-color: #AAAFF4;
    }
    td.focusColor
    {
        background-color: #AAAFF4;
    }
    td.dlegend
    {
        font-size: 20px;
        font-family: Verdana,Tahoma,Arial,Helvetica;
        font-weight: bold;
        text-align: center;
        color: red;
    }
    td.rlegend
    {
        font-size: 20px;
        font-family: Verdana,Tahoma,Arial,Helvetica;
        font-weight: bold;
        text-align: center;
        color: red;
    }
    td.legendEnlarge
    {
        font-size: 23px;
    }
    input.text
    {
        font-size: 25px;
        font-family: Verdana,Tahoma,Arial,Helvetica;
        font-weight: bold;
        text-align: center;
        border: none;
        width: 30px;
    }
    input.focusColor
    {
        background-color: #AAAFF4;
        border-bottom: 0.5mm solid black;
    }
    input.highlight
    {
        background-color: #AAAFF4;
    }