/* ============================================================================================================= */
/* CSS par défaut de moodInstitute ----------------------------------------------------------------------------- */
/* Version "Accès rapide" -------------------------------------------------------------------------------------- */
/* Créée par Become Partners le 25/06/2005 --------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* Explication syntaxique :                                                                                      */
/* ----------------------                                                                                        */
/* #nom              	: Classe d'ID - S'applique à tous les éléments dont l'ID="nom"                           */
/*                     	  Cette classe s'applique aux navigateurs ne supportant pas les sélecteurs d'attribut    */
/* div[id="nom"]     	: Sélecteur d'attribut - S'applique à tous les éléments DIV dont l'ID="nom"              */
/*                     	  Ce style écrasera les options définies dans la classe de même "nom"                    */
/* #nom element	  	    : S'applique à la balise "element" lorsque celle-ci est descendante de la classe "nom"   */
/*                     	  Exemple : <div id="extraDiv3"><span></span></div>                                      */
/*                     	  Style   : #extraDiv3 span                                                              */
/* div[id="nom"]>span 	: S'applique à la balise "span" lorsque celle-ci est fils de la balise "div"             */
/*                        dont l'ID="nom"                                                                        */
/* ============================================================================================================= */

.pngfix 			{ behavior: url(iepngfix.htc);}
#timerWindow td		{ font-size: 11px; }

/* Remove the annoying blue border from input boxes in Safari -------------------- */
* 					{ outline: none; }

/* The main calendar widget.  DIV containing a table. ------------------------------ */
.calendar 			{
	position: relative;
	display: none;
	font-size: 11px;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
}

.calendar table {
	font-size: 11px;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
}

.calendar .nav {
  background: url("../js/jscalendar/menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  padding: 2px;
  text-align: center;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  cursor: pointer;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
}
.calendar tbody .day.othermonth.oweekend {
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
}

.calendar tbody .rowhilite td {
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  cursor: pointer;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
}

.calendar tbody td.disabled {
}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 1px;
  border: 1px solid;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  padding: 1px;
  cursor: pointer;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: pointer;
  border: 1px solid;
  font-size: 90%;
  padding: 1px;
  z-index: 150;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
}

.calendar .combo .hilite {
}

.calendar td.time {
  padding: 1px 0px;
  text-align: center;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  font-weight: bold;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
}

.calendar td.time span.active {
}

#calendar-container {
	border: 0px;
}

/* Commentaires -------------------------------------------------------------------- */
#PostCommentdiv h2 { margin: 4px 0px 4px 0px; }
#PostCommentdiv td { padding: 2px; }
#PostCommentdiv input,
#PostCommentdiv textarea,
#PostCommentdiv .text { margin: 0px; }

/* Bloc-notes ---------------------------------------------------------------------- */
#blocNotes_Div a.sel_small {
    background: url(../img/bg/tbx_selsmall.png) center center no-repeat;
    text-align: center;
    color: #000;
    text-decoration: none;
    width: 178px;
    display:block;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
}
#blocNotes_Div a.sel_small:link, 
#blocNotes_Div a.sel_small:visited {
    color: #000;
	text-decoration: none;
	font-weight: normal;
}
#blocNotes_Div a.sel_small:hover {
    color: #000;
	text-decoration: none;
	font-weight: normal;
}
#blocNotes_Div .mainTitle {
	padding: 10px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#blocNotes_Div .lib {
	padding: 5px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
#blocNotes_Div .noteGreyTitle {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 0px;
	background: url("../img/bg/bg_title_grey.gif");
}
#blocNotes_Div .leftAligned {
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#blocNotes_Div .noteTable {
	padding: 0px;
	margin: 0px;
}
#blocNotes_Div .rightAligned {
	padding: 0px;
	margin: 0px;
	text-align: right;
}
#blocNotes_Div textarea,
#blocNotes_Div input[type=text] {
	margin: 0px;
	font-size: 11px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
#blocNotes_Div .toolsGoldTitleLeft {
	background: url("../img/bg/bg_title_red.gif");
}
#blocNotes_Div .toolsGoldTitle {
	font-weight: bold;
	background: url("../img/bg/bg_title_red.gif");
}
#blocNotes_Div .toolsGoldTitleRight {
	background: url("../img/bg/bg_title_red.gif");
}
#blocNotes_Div .greyLittleLib {
	padding: 5px 0px;
	margin: 0px;
 	text-align: center;
 	font-size: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
#blocNotes_Div .noteGreyTitle {
	color: #FFFFFF;
}
#blocNotes_Div .noteTable {
	background-color: #F5F5F5;
}
#blocNotes_Div .toolsMsg,
#blocNotes_Div .popToolsMsg {
	border: 0px solid #CCCCCC;
	background-color: transparent;
  	color: #D03030;
	padding: 0px 4px;
	margin: 0px;
 	text-align: right;
 	font-weight: bold;
 	font-size: 11px;
}
.blockTitle {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	background: url("../img/bg/bg_title_grey.gif");
	color: #FFFFFF;
}
#blocNotes_Div input,
#blocNotes_Div input.noteTitle,
#blocNotes_Div #note_text,
#blocNotes_Div input.popNoteTitle {
	border: 0px solid #CCCCCC;
	background-color: transparent;
  	color: #666666;
	padding: 5px;
	margin: 0px;
 	font-weight: bold;
 	font-size: 12px;
 	width: 660px;
 	border: 1px solid #CCCCCC;
}
#blocNotes_Div input.popNoteTitle {
 	width: 310px;
}
#blocNotes_Div .popToolsMsg {
 	width: 260px;
}
#blocNotes_Div td.historyTitle {
	background-repeat: repeat-x;
	font-weight: bold;
	margin: 0px;
	vertical-align: middle;
	padding: 5px 10px;
	background-image: url("../img/bg/bg_title_red.gif");
	background-repeat: repeat-x;
	color: #FFFFFF;
}

#noteHistoryFrame {
	padding: 2px;
	text-align: left;
	background-color: #FFFFFF;
}
#noteHistoryFrame .noteHistoryTitle {
	font-size: 11px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background: url("/glob/img/bg/bg_title_pink.gif");
	color: #666666;
}
#noteHistoryFrame .noteHistoryText {
	font-size: 11px;
	padding: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
#noteHistoryFrame .noteHistoryLink {
	margin: 10px;
	text-align: right;
	cursor: pointer;
}

/* Conditions Générales d'Utilisation --------------------------------------------------------- */
#cguContent {
/*	background: url('/glob/img/bg/bg_cgu.png') repeat-x;*/
}
/* Sommaire ----------------------------------------------------------------------------------- */
#floatWindow {
	visibility: visible;
	position: absolute; 
	z-index:90;
}
#floatWindow .topLeftBar {
	background: url("../img/outl/outl_floatingWindow_01.gif") no-repeat;
}
#floatWindow .topBar {
	background: url("../img/outl/outl_floatingWindow_02.gif") repeat-x;
}
#floatWindow .topRightBar {
	background: url("../img/outl/outl_floatingWindow_03.gif") no-repeat;
}
#floatWindow .leftTitleBar {
	background: url("../img/outl/outl_floatingWindow_04.gif") repeat-y;
}
#floatWindow .summTitle {
	color: #000000;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
	padding: 6px 0px 6px 0px;
	background: url("../img/outl/outl_floatingWindow_05.gif") repeat-y;
}
#floatWindow .rightTitleBar {
	background: url("../img/outl/outl_floatingWindow_06.gif") repeat-y;
}
#floatWindow .topLeftCenter {
	background: url("../img/outl/outl_floatingWindow_07.gif") no-repeat;
}
#floatWindow .topCenter {
	background: url("../img/outl/outl_floatingWindow_08.gif") repeat-x;
}
#floatWindow .topRightCenter {
	background: url("../img/outl/outl_floatingWindow_09.gif") no-repeat;
}
#floatWindow .leftBar {
	background: url("../img/outl/outl_floatingWindow_10.gif") repeat-y;
}
#floatWindow .center {
	background: url("../img/outl/outl_floatingWindow_11.gif") repeat;
	color: #000000;
	padding: 5px;
	text-align: justify;
}
#floatWindow .rightBar {
	background: url("../img/outl/outl_floatingWindow_12.gif") repeat-y;
}
#floatWindow .bottomLeftCenter {
	background: url("../img/outl/outl_floatingWindow_13.gif") no-repeat;
}
#floatWindow .bottomCenter {
	background: url("../img/outl/outl_floatingWindow_14.gif") repeat-x;
}
#floatWindow .bottomRightCenter {
	background: url("../img/outl/outl_floatingWindow_15.gif") no-repeat;
}
#floatWindow .leftButtonBar {
	background: url("../img/outl/outl_floatingWindow_16.gif") no-repeat;
}
#floatWindow .button {
	background: url("../img/outl/outl_floatingWindow_17.gif") repeat-x;
	text-align: center;
	padding: 8px 0px 0px 0px;
	vertical-align: bottom;
}
#floatWindow .rightButtonBar {
	background: url("../img/outl/outl_floatingWindow_18.gif") no-repeat;
}
#floatWindow .bottomLeftBar {
	background: url("../img/outl/outl_floatingWindow_19.gif") no-repeat;
}
#floatWindow .bottomBar {
	background: url("../img/outl/outl_floatingWindow_20.gif") repeat-x;
}
#floatWindow .bottomRightBar {
	background: url("../img/outl/outl_floatingWindow_21.gif") no-repeat;
}

/* En-tête de la page ------------------------------------------------------------ */
#header {
	position: relative;
	top: 0px;
	padding: 0px;
}
#header .logoRight {
	background: url("../img/bg/header_03.gif") no-repeat;
}
#header .loginArea {
	background: url("../img/bg/header_04.gif") no-repeat;
}

/* En-tête de la page ------------------------------------------------------------ */
#popupPage .mainTitleLeft {
	background: url("../img/nav/main_navig_01.gif") no-repeat;
}
#popupPage .mainTitleRight {
	background: url("../img/nav/main_navig_06.gif") no-repeat;
}
#popupPage .mainTitle {
	background: url("../img/nav/main_navig_05.gif") repeat-x;
	font-weight: bold;
	padding: 0px 10px;
	text-align: center;
}

/* Section des drapeaux ---------------------------------------------------------- */
#flagSection 				{ position: absolute; width: 70px; top: 72px; right: 5px; height: 14px; text-align: right; }
#flagSection .usFlag 		{ background: url("../img/ico/us_flag.gif") no-repeat; height: 14px; width: 23px; }
#flagSection .frFlag 		{ background: url("../img/ico/fr_flag.gif") no-repeat; height: 14px; width: 23px; }
#flagSection .spFlag 		{ background: url("../img/ico/sp_flag.gif") no-repeat; height: 14px; width: 23px; }

/* Footer ------------------------------------------------------------------------ */
#footer {
	background-color: #FFFFFF;
}
#footer .topLeft {
	background: url("../img/bg/footer_home_01.gif") no-repeat;
}
#footer .topRight {
	background: url("../img/bg/footer_home_02.gif") no-repeat;
}
#footer .homeMiddleLeft {
	background: url("../img/bg/footer_home_03.gif") no-repeat;
	padding: 25px 5px 5px 5px;
	margin: 0px;
	font-size: 10px;
	font-style: normal;
	text-align: left;
	vertical-align: bottom;
}
#footer .homeMiddleRight {
	background: url("../img/bg/footer_home_04.gif") no-repeat;
	padding: 18px 14px 12px 5px;
	margin: 0px;
	font-size: 10px;
	font-style: normal;
	text-align: right;
	vertical-align: top;
}
#footer .middleLeft {
	background: url("../img/bg/footer_home_03.gif") no-repeat;
	padding: 25px 5px 5px 5px;
	margin: 0px;
	font-size: 10px;
	font-style: normal;
	text-align: left;
	vertical-align: bottom;
}
#footer .middleRight {
	background: url("../img/bg/footer_home_04.gif") no-repeat;
	padding: 24px 6px 5px 5px;
	margin: 0px;
	font-size: 10px;
	font-style: normal;
	text-align: right;
}
#footer a, 
#footer a:link, 
#footer a:visited {
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#footer a:hover {
	text-decoration: underline;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#memberAreaDescription ul li 	{ line-height: 26px; margin: 5px 0px; }
#memberAreaDescription ol li 	{ line-height: 14px; margin: 5px 0px; }
#memberAreaDescription  		{ background-color: #FFFFFF; }
#memberAreaDescription p,
#memberAreaDescription h2 		{ margin: 10px 10px; text-shadow: #F5F5F5 1px 1px; }

/*--- Global Footer ---*/
#globalFooter { margin: 0px auto; text-align: left; background: #686a78 url(/glob/img/bg/global_footer_01.png) repeat-x; height: 310px;}
#globalFooter { font-size: 11px; float: left; width: 100%; position: relative; margin-top: -4px; padding-bottom: 20px; }
#globalFooter h2 { font-size: 11px; color: #CCCCCC; text-decoration: none; font-weight: bold; display: block; }
#globalFooter a { font-size: 11px; color: #F5F5F5; text-decoration: none; display: block; font-weight: normal; margin: 0px; padding: 0px; }
#globalFooter a:hover { font-size: 11px; color: #BBBBBB !important; text-decoration: none !important;  font-weight: normal; }
#globalFooter ul { margin-bottom: 0; padding-bottom: 9px; }
#globalFooter li { color: #FFFFFF; }
#globalFooter #bottomNavig0 { padding: 9px 0px 4px 8px; width: 230px; position: relative; }
#globalFooter #bottomNavig1 { padding: 9px 0px 0px 8px; width: 230px; position: relative; height: 120px; top: 10px; }
#globalFooter #bottomNavig2 { padding: 9px 0px 0px 8px; margin-bottom: 10px; width: 230px; position: absolute; top: 0px; left: 240px; }
#globalFooter #bottomNavig3 { padding: 9px 0px 4px 8px; width: 230px; position: absolute; top: 0px; left: 480px; }
#globalFooter #bottomNavig4 { padding: 9px 0px 4px 8px; width: 230px; position: absolute; top: 100px; left: 480px; }

/*--- Global Comments ---*/
#globalComments { margin: 0px auto; padding: 20px 0px 10px 10px; text-align: left; background: #ededed url(/glob/img/bg/bg_comment_01.gif) repeat-x; }
#globalComments h2 { padding-left: 0px; margin-left: 0px;  }

/* Formulaire -------------------------------------------------------------------- */
#formContent {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#formContent td {
	background-color: transparent;
}
.topLeftFC {
	background: url("../img/outl/frame_01.png") no-repeat;
}
.topBarFC {
	background: url("../img/outl/frame_02.png") repeat-x;
}
.topRightFC {
	background: url("../img/outl/frame_03.png") no-repeat;
}
.leftBarFC {
	background: url("../img/outl/frame_04.png") repeat-y;
}
.contentFC {
	background: url("../img/outl/frame_05.png") repeat;
}
.rightBarFC {
	background: url("../img/outl/frame_06.png") repeat-y;
}
.bottomLeftFC {
	background: url("../img/outl/frame_07.png") no-repeat;
}
.bottomBarFC {
	background: url("../img/outl/frame_08.png") repeat-x;
}
.bottomRightFC {
	background: url("../img/outl/frame_09.png") no-repeat;
}
.validatedLine {
}

/* Formulaires --------------------------------------------------------------------- */
.clickButton 					{ cursor: pointer; }
.clickCell 						{ cursor: pointer; }
.fieldInError,
.inputFieldInError,
.inputLittleFieldInError,
.textareaFieldInError,
.commentFormLib,
.obligFormLib,
.obligFormLeftLib,
.obligFormCenterLib,
.optionFormLib,
.inputForm,
.formRightLib,
.formLeftLib,
.formLeftLib12,
.formLeftLibSelected,
.formRightLibSelected 			{ font-size: 11px; padding: 5px 3px; margin: 5px; font-weight: normal;}
.formLeftLib12		 			{ font-size: 12px; color: #666666; }
.formLeftLibSelected,
.formRightLibSelected 			{ font-weight: bold;}
.commentFormLib 				{ text-align: left;	font-size: 9px;}
.formRightLib 					{ text-align: right;}
.formLeftLib 					{ text-align: left;}
.formLeftLibSelected 			{ text-align: left;}
.obligFormCenterLib				{ text-align: center; }
.formRightLibSelected 			{ text-align: right; font-weight: bold;}
.dureeFormule					{ text-align: center; font-size: 14px; padding: 26px 10px 26px 10px; }
.libFormule						{ text-align: left; font-size: 14px; padding: 26px 10px 26px 0px; }
.fieldInError,
.obligFormLib 					{ font-weight: bold; text-align: right; vertical-align: middle; } 
.obligFormLeftLib				{ font-weight: bold; text-align: left; vertical-align: middle; } 
.optionFormLib 					{ text-align: right; vertical-align: middle;}
.sepCell 						{ padding: 5px 0px;	text-align: center;	margin: 0px;}
.sepLine 						{ padding: 0px;	margin: 0px;}
.inputForm 						{ text-align: left; padding: 1px; margin: 2px; font-family: Verdana, Helvetica, sans-serif; }
.lineInputForm 					{ text-align: center; padding: 1px; margin: 2px; font-family: Verdana, Helvetica, sans-serif; }
td.stepTitle					{ color: #dd0000; text-align: center; font-size: 14px; padding: 15px; }

.stepTab1_01					{ color: #dd0000; text-align: left; font-size: 18px; font-weight: bold; padding: 8px 0px 0px 24px; height: 37px;} 
.stepTab1_02					{ color: #333333; text-align: left; font-size: 18px; padding: 8px 0px 0px 20px; height: 37px;} 
.stepTab1_03					{ color: #333333; text-align: left; font-size: 18px; padding: 8px 0px 0px 20px; height: 37px; } 

.stepTab2_01					{ color: #333333; text-align: left; font-size: 18px; padding: 8px 0px 0px 25px;  height: 37px;} 
.stepTab2_02					{ color: #dd0000; text-align: left; font-size: 18px; font-weight: bold; padding: 8px 0px 0px 20px;  height: 37px;} 
.stepTab2_03					{ color: #333333; text-align: left; font-size: 18px; padding: 8px 0px 0px 20px;  height: 37px;} 

.stepTab3_01					{ color: #333333; text-align: left; font-size: 18px; padding: 8px 0px 0px 25px;  height: 37px;} 
.stepTab3_02					{ color: #333333; text-align: left; font-size: 18px; padding: 8px 0px 0px 20px;  height: 37px;} 
.stepTab3_03					{ color: #dd0000; text-align: left; font-size: 18px; font-weight: bold; padding: 8px 0px 0px 20px;  height: 37px;} 

.selectFormWithoutMargin,
.selectForm 					{ text-align: left; padding: 1px; margin: 2px; font-family: Verdana, Helvetica, sans-serif; }
.selectForm 					{ margin: 2px;}
.selectFormWithoutMargin 		{ margin: 2px 0px;}
.fieldInError					{ color:red; }
.textareaFieldInError			{ border: thin solid red !important; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; width: 300px; }
.inputFieldInError				{ border: thin solid red !important; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; width: 200px; }
.inputLittleFieldInError		{ border: thin solid red !important; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }
.inputError						{ color: red; text-align: left; padding: 1px; margin: 2px; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; border: 0px; background: url("/glob/img/bg/bg_error_zone_02.png"); background-repeat: repeat-x; }
.hiddenErrorMsg					{ display: none; visibility: hidden; }
.displayErrorMsg				{ display: block; visibility: visible; margin: 5px 0px 20px 0px; }
#progressBarDiv					{ position:absolute; top:0px; left:0px;	visibility:hidden; }
.readOnlyField					{ color: #CCCCCC; }
#formContent input[type=text],
#formContent input[type=password],
#formContent textarea 			{ width: 200px; padding: 5px 3px; }
#formContent #c_verif_code		{ width: 60px; }
#formContent .customSelect,
#formContent .customSelect40,
#formContent .customSelect80	{ margin: 5px; padding: 5px 3px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; width: 205px; }
#formContent .customSelect40	{ width: 50px; }
#formContent .customSelect80	{ width: 60px; }
.tableHeader						{ font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; color: #666666; }
#formContent td .smallTableHeader	{ font-size: 11px; font-weight: normal; text-align: center; vertical-align: middle; color: #666666; background-color: #e9e9e9; padding: 5px;}

#formMedContent input.ui-corner-all 	{ width: 90%; }
#formMedContent input.smallField		{ width: 60px;}
#formMedContent input.verySmallField	{ width: 50px;}

#formMedContent input.upValue			{ font-weight: bold; color: #d70001; text-align: right; }
#formMedContent input.downValue			{ font-weight: bold; color: #0050dd; text-align: right; }

/* Color picker ---------------------------------------------------------------- */
.dragPanel { 
	position: relative;
	top: 10px;
	left: 10px;
	width: 260px;
	height: 260px;
	z-index: 800;
}

#rgbHandle {
	height: 16px;
    margin: 0px;
	width: 100%;
	text-align: right;
}
.thumb {
	width:18px;
	height:18px; 
	z-index: 9;
	position: absolute; 
	cursor: move;
}
.bg {
	position:absolute; 
	left:10px; 
	height:18px; 
	width:146px; 
}
#rBG span,
#rBG p,
#gBG span,
#gBG p,
#bBG span,
#bBG p {
	cursor:default;
	position: relative;
	font-size: 2px;
	overflow: hidden;
	top: 4px;
	height: 10px;
	width: 4px;
	display: block;
	float:left;
}
#rBG span,
#gBG span,
#bBG span {
    border-top:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
}
#rBG .lb,
#gBG .lb,
#bBG .lb {
    border-left:1px solid #AAAAAA;
}
#rBG .rb,
#gBG .rb,
#bBG .rb {
    border-right:1px solid #AAAAAA;
}
#valdiv {
	position:absolute; 
	top: 100px; 
	left: 10px; 
} 
#valdiv td { 
	text-align: left; 
} 

#rBG {position:absolute; top:30px}
#gBG {position:absolute; top:50px}
#bBG {position:absolute; top:70px}

#rgbSwatch {
	position:absolute; 
	left:194px; 
	top:34px;
	height:50px; 
	width:50px; 
}

/* Faits Marquants : Contour principal --------------------------------------------------- */
.faitsMarquantsFrameTopLeft {
	background: url("../img/outl/greyFrame_01.gif");
	background-repeat: no-repeat;
}
.faitsMarquantsFrameTopBar {
	background: url("../img/outl/greyFrame_02.gif");
	background-repeat: repeat-x;
}
.faitsMarquantsFrameTopRight {
	background: url("../img/outl/greyFrame_03.gif");
	background-repeat: no-repeat;
}
.faitsMarquantsFrameLeftBar {
	background: url("../img/outl/greyFrame_04.gif");
	background-repeat: repeat-y;
}
.faitsMarquantsFrameContent {
	background: url("../img/outl/greyFrame_05.gif");
	background-repeat: repeat;
}
.faitsMarquantsFrameRightBar {
	background: url("../img/outl/greyFrame_06.gif");
	background-repeat: repeat-y;
}
.faitsMarquantsFrameBottomLeft {
	background: url("../img/outl/greyFrame_07.gif");
	background-repeat: no-repeat;
}
.faitsMarquantsFrameBottomBar {
	background: url("../img/outl/greyFrame_08.gif");
	background-repeat: repeat-x;
}
.faitsMarquantsFrameBottomRight {
	background: url("../img/outl/greyFrame_09.gif");
	background-repeat: no-repeat;
}

/* Cadres ------------------------------------------------------------- */
.FrameContent {
	text-align: center;
	vertical-align: middle;
	background: url("../img/outl/frame_05.png");
	background-repeat: repeat;
}
.FrameSepLine {
	background-color: #CCCCCC;
}
.FrameTopLeft {
	background: url("../img/outl/frame_01.png");
	background-repeat: no-repeat;
}
.FrameTopBar {
	background: url("../img/outl/frame_02.png");
	background-repeat: repeat-x;
}
.FrameTopRight {
	background: url("../img/outl/frame_03.png");
	background-repeat: no-repeat;
}
.FrameLeftBar {
	background: url("../img/outl/frame_04.png");
	background-repeat: repeat-y;
}
.FrameRightBar {
	background: url("../img/outl/frame_06.png");
	background-repeat: repeat-y;
}
.FrameTitle {
	padding: 5px 2px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
.FrameBottomLeft 				{ background: url("../img/outl/frame_07.png"); background-repeat: no-repeat; }
.FrameBottomBar 				{ background: url("../img/outl/frame_08.png"); background-repeat: repeat-x; }
.FrameBottomRight 				{ background: url("../img/outl/frame_09.png"); background-repeat: no-repeat; }

.overlayFrameTopLeft 			{ background: url("../img/outl/overlay_rounded_frame_01.png"); background-repeat: no-repeat; }
.overlayFrameTopBar 			{ background: url("../img/outl/overlay_rounded_frame_02.png"); background-repeat: repeat-x; }
.overlayFrameTopRight 			{ background: url("../img/outl/overlay_rounded_frame_03.png"); background-repeat: no-repeat; }
.overlayFrameLeftBar 			{ background: url("../img/outl/overlay_rounded_frame_04.png"); background-repeat: repeat-y; }
.overlayFrameRightBar 			{ background: url("../img/outl/overlay_rounded_frame_06.png"); background-repeat: repeat-y; }
.overlayFrameBottomLeft 		{ background: url("../img/outl/overlay_rounded_frame_07.png"); background-repeat: no-repeat; }
.overlayFrameBottomBar 			{ background: url("../img/outl/overlay_rounded_frame_08.png"); background-repeat: repeat-x; }
.overlayFrameBottomRight 		{ background: url("../img/outl/overlay_rounded_frame_09.png"); background-repeat: no-repeat; }


/* Graphes ------------------------------------------------------------------*/
#graphContent {
	position: relative;
	text-align: center;
}
#graphContent .smallCheckBoxChanged,
#graphContent .smallCheckBox {
	width: 14px;
}
#graphContent .littleLib,
#graphContent .littleLibLeft {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
}
#graphContent .littleLib {
	text-align: center;
}
#graphContent .littleLibLeft {
	padding: 0px 0px 0px 10px;
	text-align: left;
}

#graphContent .bgSlider {
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	background: url("../img/bg/bg_slider.gif") repeat-x;
}
#graphContent .bgSliderVert {
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	background: url("../img/bg/bg_slider_vert.gif") repeat-x;
	background-position: center;
}
#graphContent .slider {
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}
#graphContent .toolsMsg {
	border: 0px solid #CCCCCC;
	background-color: transparent;
  	color: #D03030;
	padding: 0px 4px;
	margin: 0px;
 	text-align: right;
 	font-weight: bold;
 	font-size: 11px;
}
#graphContent .sliderExtremeUp,
#graphContent .sliderShortText,
#graphContent .sliderShortTextOver,
#graphContent .sliderExtremeDown {
	text-align: center;
	font-size: 11px;
	margin: 0px;
}
#graphContent .sliderShortText,
#graphContent .sliderShortTextOver {
	cursor: help;
}
#graphContent .sliderShortTextOver {
	font-weight: bold;
}

#graphContent .sliderExtremeUp {
	vertical-align: middle;
}
#graphContent .sliderExtremeDown {
	vertical-align: middle;
}
#graphContent .sliderPixel {
	padding: 0px;
	margin: 0px;
}
#graphContent .sliderTitle {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	margin: 0px;
}
#graphContent .verticalSliderTable {
	padding: 0px;
	margin: 0px;
	background: url("../img/bg/bg_slider.gif") repeat-x;
}
#graphContent .sepCell {
	padding: 2px 0px;
	text-align: center;
	margin: 0px;
}
#graphContent .sepGreyGradientCell {
	padding: 1px 0px;
	text-align: center;
	margin: 0px;
	background: url("../img/bg/bg_title_greylite.gif");
}
#graphContent .greySepCell {
	padding: 2px 0px;
	text-align: center;
	margin: 0px;
}
#graphContent .clickGreyCell {
	padding: 5px 0px;
	text-align: center;
	margin: 0px;
	cursor: pointer;
}
#graphContent .toolsIcon {
	cursor: pointer;
}
#graphContent .toolsIconOff {
	cursor: wait;
}
#graphContent .clickCell {
	cursor: pointer;
}
#graphContent .clickLeftLib {
	padding: 2px 0px;
	text-align: left;
	margin: 0px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}
#graphContent .clickLeftLightLib {
	padding: 2px 0px;
	text-align: left;
	margin: 0px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
}
#graphContent .formRightLib {
	text-align: right;
	padding: 5px;
}
#graphContent .formLeftLib {
	text-align: left;
	padding: 5px;
}
#graphContent .inputForm {
	text-align: left;
	font-size: 11px;
	padding: 2px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#graphContent .redTitle,
#graphContent .redGradientTitle,
#graphContent .greyTitle,
#graphContent .moodTitle,
#graphContent .centerRedGradientTitle {
	background-repeat: repeat-x;
	font-weight: bold;
	padding: 6px 10px;
	margin: 0px;
	vertical-align: middle;
}
#graphContent .redTitle {
	padding: 3px 10px;
	background-image: url("../img/bg/bg_title_red.gif");
	background-repeat: repeat-x;
}
#graphContent .greyTitle {
	padding: 3px 10px;
	background-image: url("../img/bg/bg_title_grey.gif");
	background-repeat: repeat-x;
}
#graphContent .redGradientTitle {
	background-image: url("../img/bg/bg_title_redlite.gif");
	background-repeat: repeat-x;
}
#graphContent .centerRedGradientTitle {
	text-align: center;
	font-size: 14px;
	padding: 3px 10px;
	background-image: url("../img/bg/bg_title_redlite.gif");
	background-repeat: repeat-x;
}
#graphContent .moodTitle {
	text-align: left;
	padding: 4px 2px;
}
#graphContent .toolsTitle {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px;
}
#graphContent .toolsGreyTitle,
#graphContent .toolsTitle {
	background: url("../img/bg/bg_title_grey.gif");
}
#graphContent .firstTabOn {
	background-image: url("../img/bg/switch_bar_first_on_01.gif");
}
#graphContent .firstTabOff {
	background-image: url("../img/bg/switch_bar_last_on_01.gif");
}
#graphContent .othersTabOn {
	background-image: url("../img/bg/switch_bar_others_on_02.gif");
}
#graphContent .othersTabOff {
	background-image: url("../img/bg/switch_bar_last_on_02.gif");
}
#graphContent .lastTabOn {
	background-image: url("../img/bg/switch_bar_last_on_03.gif");
}
#graphContent .lastTabOff {
	background-image: url("../img/bg/switch_bar_first_on_03.gif");
}
#graphContent .tabShadow {
	background-image: url("../img/bg/switch_bar_first_on_04.gif");
}
#graphContent .tabTitle {
	padding: 0px 2px;
	margin: 0px;
 	text-align: center;
 	font-weight: bold;
 	font-size: 9px;
}
#graphContent .tabTitleInputOn,
#graphContent .tabTitleInputOff {
	padding: 0px;
	margin: 0px;
 	text-align: center;
 	font-size: 9px;
	border: 0px solid #666666;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
#graphContent .tabTitleInputOn {
	background-image: url("../img/bg/switch_bar_first_on_01.gif");
	background-position: center center;
}
#graphContent .tabTitleInputOff {
	background-image: url("../img/bg/switch_bar_last_on_01.gif");
	background-position: center center;
}
#graphContent .greyLittleLib {
	padding: 5px 0px;
	margin: 0px;
 	text-align: center;
 	font-size: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

/* Contour des images --------------------------------------------------- */
.imgFrameTopLeft {
}
.imgFrameTopBar {
}
.imgFrameTopRight {
}
.imgFrameLeftBar {
}
.imgFrameRightBar {
}
.imgFrameBottomLeft {
}
.imgFrameBottomBar {
}
.imgFrameBottomRight {
}


/* Connexion --------------------------------------------------------------------- */
#loginBoxTableFR 						{ background: url("/glob/img/bg/fr/login_box.png") no-repeat 0 0 transparent; width: 511px; height: 200px; }
#loginBoxTableEN 						{ background: url("/glob/img/bg/en/login_box.png") no-repeat 0 0 transparent; width: 511px; height: 200px; }
#loginBoxTable div.field				{ background: url("/glob/img/bg/bg_input_130.png"); width: 130px; height: 26px; }
#loginBoxTable div.inputField			{ position: absolute; top: 8px; left: 12px; }
#loginBoxTable input					{ width: 100px; height: 12px; border: thin transparent; margin: 0px; padding: 0px; font-size: 10px; color: #777777; background: transparent;}
#loginBoxTable input.errorMsg			{ width: 450px; height: 18px; border: thin transparent; margin: 0px; padding: 0px; font-size: 10px; color: red; text-align: center; }
#loginBoxTable .ui-state-error	 		{ color: red; background-color: #feffbe;}
#loginBoxTable .ui-state-highlight		{ color: red; background-color: #feffbe;}
#loginBoxTable .ui-state-normal			{ color: #777777; background-color: #ffffff;}
#loginBoxTable .adminLib	 			{ color: #4272d6; text-align: right; padding: 2px; background-color: #F3F3F3; margin: 2px 2px; font-weight: normal; }
#loginBoxTable .adminTitre	 			{ font-size: 14px; font-weight: bold; color: #666666; text-align: center; padding: 5px; background-color: #ECECEC; margin: 0px; }

/* Boîte modale ----------------------------------------------------------------- */
#boxes .loginModalWindow				{ position:absolute; left:0px; top:0px; width:511px; height:200px; display:none; z-index:9999; padding:0px; }

/* Connexion --------------------------------------------------------------------- */
#loginNavig 							{ position: absolute; top: 0px; right: 0px; width: 400px; height: 23px; }

/* Boîte modale - Saisie d'une note ---------------------------------------------------------------- */
#mask 						{ position:absolute; left:0px; top:0px; z-index:800; background-color:#666666; display:none; }
#boxes .modalWindow			{ position:absolute; left:0px; top:0px; width:376px; height:420px; display:none; z-index:890; padding:0px; }
#blocNotes_dialog			{ background: url("/glob/img/bg/notice.png") no-repeat 0 0 transparent; width:300px; height:320px; padding: 0px; }

#boxes .modalLargeWindow	{ position:absolute; left:0px; top:0px; width:630px; height:400px; display:none; z-index:890; padding:0px; }
#badBrowserDiv				{ width:630px; height:400px; padding: 0px; }

/* Navigation -------------------------------------------------------------------- */
#mainNavig {
	padding: 0px;
	margin: 0px;
}
#mainNavig .mainNavigTable {
	padding: 0px;
	margin: 0px;
}
#mainNavig .leftBar {
	background: url("../img/nav/main_navig_01.gif") no-repeat;
}
#mainNavig .sep {
	background: url("../img/nav/main_navig_05.gif") no-repeat;
}
#mainNavig .rightBar {
	background: url("../img/nav/main_navig_06.gif") no-repeat;
}
#mainNavig .filler {
	background: url("../img/nav/main_navig_05.gif") repeat-x;
}
#mainNavig .buttonOff,
#mainNavig .buttonOver,
#mainNavig .buttonOn,
#mainNavig .buttonMemberOff,
#mainNavig .buttonMemberOver,
#mainNavig .buttonMemberOn {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	padding: 8px 5px 8px 5px;
	cursor: pointer;
    font-stretch: expanded;
}
#mainNavig .buttonOff {
	background: url("../img/nav/main_navig_off.gif") repeat-x;
}
#mainNavig .buttonOver {
	background: url("../img/nav/main_navig_over.gif") repeat-x;
}
#mainNavig .buttonOn {
	background: url("../img/nav/main_navig_on.gif") repeat-x;
}
#mainNavig .buttonMemberOff {
	background: url("../img/nav/main_navig_member_off.gif") repeat-x;
}
#mainNavig .buttonMemberOver {
	background: url("../img/nav/main_navig_member_over.gif") repeat-x;
}
#mainNavig .buttonMemberOn {
	background: url("../img/nav/main_navig_member_on.gif") repeat-x;
}

/* Contenu ------------------------------------------------------------------------- */
#mainContent {
	position: relative;
	top: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left; 
}

#mainContent .toolsLeft {
	background: url("../img/bg/tools_navig_01.gif") no-repeat;
}
#mainContent .toolsHome {
	background: url("../img/bg/tools_navig_02.gif") no-repeat;
}
#mainContent .toolsSep1 {
	background: url("../img/bg/tools_navig_03.gif") no-repeat;
}
#mainContent .toolsContact {
	background: url("../img/bg/tools_navig_04.gif") no-repeat;
}
#mainContent .toolsSep2 {
	background: url("../img/bg/tools_navig_05.gif") no-repeat;
}
#mainContent .toolsSendToFriend {
	background: url("../img/bg/tools_navig_06.gif") no-repeat;
}
#mainContent .toolsSep3 {
	background: url("../img/bg/tools_navig_07.gif") no-repeat;
}
#mainContent .toolsPrint {
	background: url("../img/bg/tools_navig_08.gif") no-repeat;
}

#mainContent .content {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-align: left; 
	vertical-align: top;
}
#mainContent .structNavig {
	text-align: left;
	vertical-align: top;
	padding: 15px 10px 5px 10px;
	font-size: 10px;
	background: url("../img/bg/header_05.gif");
	background-repeat: no-repeat;
}
#mainContent .contentList {
	padding: 0px 10px 0px 5px;
	vertical-align: middle;
	text-align: left;
}
#mainContent .contentFaitsMarquantsCell {
	text-align: center;
}
#mainContent .contentFaitsMarquantsTable {
	padding: 10px;
	text-align: center;
	margin: 0px;
}
#mainContent .contentImage {
	padding: 5px;
	margin: 0px;
}
#mainContent .contentFichier {
	font-weight: bold;
	padding: 0px 10px;
	text-align: center;
}

/* Contour -------------------------------------------------------------------- */
#homeContent {
	position: relative;
	left: -10px;
	top: 5px;
	padding: 0px;
}
#homeContent .grey_TopLeft {
	background: url("/glob/img/outl/homeContentFrame_grey_01.gif") no-repeat;
}
#homeContent .grey_TopBar {
	background: url("/glob/img/outl/homeContentFrame_grey_02.gif") repeat-x;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 8px 0px;
}
#homeContent .grey_TopRight {
	background: url("/glob/img/outl/homeContentFrame_grey_03.gif") no-repeat;
}
#homeContent .grey_LeftBar {
	background: url("/glob/img/outl/homeContentFrame_grey_04.gif") repeat-y;
}
#homeContent .grey_Content {
	background: url("/glob/img/outl/homeContentFrame_grey_05.gif") repeat;
	padding: 0px 5px 0px 5px;
}
#homeContent .grey_RightBar {
	background: url("/glob/img/outl/homeContentFrame_grey_06.gif") repeat-y;
}
#homeContent .grey_BottomLeft {
	background: url("/glob/img/outl/homeContentFrame_grey_07.gif") no-repeat;
}
#homeContent .grey_BottomBar {
	background: url("/glob/img/outl/homeContentFrame_grey_08.gif") repeat-x;
}
#homeContent .grey_BottomRight {
	background: url("/glob/img/outl/homeContentFrame_grey_09.gif") no-repeat;
}

#homeContent .gold_TopLeft {
	background: url("/glob/img/outl/homeContentFrame_gold_01.gif") no-repeat;
}
#homeContent .gold_TopBar {
	background: url("/glob/img/outl/homeContentFrame_gold_02.gif") repeat-x;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 8px 0px;
	color: #FFFFFF;
}
#homeContent .gold_TopRight {
	background: url("/glob/img/outl/homeContentFrame_gold_03.gif") no-repeat;
}
#homeContent .gold_LeftBar {
	background: url("/glob/img/outl/homeContentFrame_gold_04.gif") repeat-y;
}
#homeContent .gold_Content {
	background: url("/glob/img/outl/homeContentFrame_gold_05.gif") repeat;
	padding: 0px 5px 0px 5px;
}
#homeContent .gold_RightBar {
	background: url("/glob/img/outl/homeContentFrame_gold_06.gif") repeat-y;
}
#homeContent .gold_BottomLeft {
	background: url("/glob/img/outl/homeContentFrame_gold_07.gif") no-repeat;
}
#homeContent .gold_BottomBar {
	background: url("/glob/img/outl/homeContentFrame_gold_08.gif") repeat-x;
}
#homeContent .gold_BottomRight {
	background: url("/glob/img/outl/homeContentFrame_gold_09.gif") no-repeat;
}

#homeContent .grenat_TopLeft {
	background: url("/glob/img/outl/homeContentFrame_grenat_01.gif") no-repeat;
}
#homeContent .grenat_TopBar {
	background: url("/glob/img/outl/homeContentFrame_grenat_02.gif") repeat-x;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 8px 0px;
	color: #FFFFFF;
}
#homeContent .grenat_TopRight {
	background: url("/glob/img/outl/homeContentFrame_grenat_03.gif") no-repeat;
}
#homeContent .grenat_LeftBar {
	background: url("/glob/img/outl/homeContentFrame_grenat_04.gif") repeat-y;
}
#homeContent .grenat_Content {
	background: url("/glob/img/outl/homeContentFrame_grenat_05.gif") repeat;
	padding: 0px 5px 0px 5px;
}
#homeContent .grenat_RightBar {
	background: url("/glob/img/outl/homeContentFrame_grenat_06.gif") repeat-y;
}
#homeContent .grenat_BottomLeft {
	background: url("/glob/img/outl/homeContentFrame_grenat_07.gif") no-repeat;
}
#homeContent .grenat_BottomBar {
	background: url("/glob/img/outl/homeContentFrame_grenat_08.gif") repeat-x;
}
#homeContent .grenat_BottomRight {
	background: url("/glob/img/outl/homeContentFrame_grenat_09.gif") no-repeat;
}

#homeContent .red_TopLeft {
	background: url("/glob/img/outl/homeContentFrame_red_01.gif") no-repeat;
}
#homeContent .red_TopBar {
	background: url("/glob/img/outl/homeContentFrame_red_02.gif") repeat-x;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 8px 0px;
	color: #FFFFFF;
}
#homeContent .red_TopRight {
	background: url("/glob/img/outl/homeContentFrame_red_03.gif") no-repeat;
}
#homeContent .red_LeftBar {
	background: url("/glob/img/outl/homeContentFrame_red_04.gif") repeat-y;
}
#homeContent .red_Content {
	background: url("/glob/img/outl/homeContentFrame_red_05.gif") repeat;
	padding: 0px 5px 0px 5px;
}
#homeContent .red_RightBar {
	background: url("/glob/img/outl/homeContentFrame_red_06.gif") repeat-y;
}
#homeContent .red_BottomLeft {
	background: url("/glob/img/outl/homeContentFrame_red_07.gif") no-repeat;
}
#homeContent .red_BottomBar {
	background: url("/glob/img/outl/homeContentFrame_red_08.gif") repeat-x;
}
#homeContent .red_BottomRight {
	background: url("/glob/img/outl/homeContentFrame_red_09.gif") no-repeat;
}

#homeContent .pink_TopLeft {
	background: url("/glob/img/outl/homeContentFrame_pink_01.gif") no-repeat;
}
#homeContent .pink_TopBar {
	background: url("/glob/img/outl/homeContentFrame_pink_02.gif") repeat-x;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 8px 0px;
}
#homeContent .pink_TopRight {
	background: url("/glob/img/outl/homeContentFrame_pink_03.gif") no-repeat;
}
#homeContent .pink_LeftBar {
	background: url("/glob/img/outl/homeContentFrame_pink_04.gif") repeat-y;
}
#homeContent .pink_Content {
	background: url("/glob/img/outl/homeContentFrame_pink_05.gif") repeat;
	padding: 0px 5px 0px 5px;
}
#homeContent .pink_RightBar {
	background: url("/glob/img/outl/homeContentFrame_pink_06.gif") repeat-y;
}
#homeContent .pink_BottomLeft {
	background: url("/glob/img/outl/homeContentFrame_pink_07.gif") no-repeat;
}
#homeContent .pink_BottomBar {
	background: url("/glob/img/outl/homeContentFrame_pink_08.gif") repeat-x;
}
#homeContent .pink_BottomRight {
	background: url("/glob/img/outl/homeContentFrame_pink_09.gif") no-repeat;
}

/* Accueil espace membre ------------------------------------------------------ */
#memberHomeContent {
	position: relative;
	padding: 0px;
}
#memberHomeContent .grey_TopLeft {
	background: url("/glob/img/outl/homeContentFrame_grey_01.gif") no-repeat;
}
#memberHomeContent .grey_TopBar {
	background: url("/glob/img/outl/homeContentFrame_grey_02.gif") repeat-x;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 8px 0px;
}
#memberHomeContent .grey_TopRight {
	background: url("/glob/img/outl/homeContentFrame_grey_03.gif") no-repeat;
}
#memberHomeContent .grey_LeftBar {
	background: url("/glob/img/outl/homeContentFrame_grey_04.gif") repeat-y;
}
#memberHomeContent .grey_Content {
	background: url("/glob/img/outl/homeContentFrame_grey_05.gif") repeat;
	padding: 0px 5px 0px 5px;
}
#memberHomeContent .grey_RightBar {
	background: url("/glob/img/outl/homeContentFrame_grey_06.gif") repeat-y;
}
#memberHomeContent .grey_BottomLeft {
	background: url("/glob/img/outl/homeContentFrame_grey_07.gif") no-repeat;
}
#memberHomeContent .grey_BottomBar {
	background: url("/glob/img/outl/homeContentFrame_grey_08.gif") repeat-x;
}
#memberHomeContent .grey_BottomRight {
	background: url("/glob/img/outl/homeContentFrame_grey_09.gif") no-repeat;
}
#memberHomeContent .pink_TopLeft {
	background: url("/glob/img/outl/homeContentFrame_pink_01.gif") no-repeat;
}
#memberHomeContent .pink_TopBar {
	background: url("/glob/img/outl/homeContentFrame_pink_02.gif") repeat-x;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 8px 0px;
}
#memberHomeContent .pink_TopRight {
	background: url("/glob/img/outl/homeContentFrame_pink_03.gif") no-repeat;
}
#memberHomeContent .pink_LeftBar {
	background: url("/glob/img/outl/homeContentFrame_pink_04.gif") repeat-y;
}
#memberHomeContent .pink_Content {
	background: url("/glob/img/outl/homeContentFrame_pink_05.gif") repeat;
	padding: 0px 5px 0px 5px;
}
#memberHomeContent .pink_RightBar {
	background: url("/glob/img/outl/homeContentFrame_pink_06.gif") repeat-y;
}
#memberHomeContent .pink_BottomLeft {
	background: url("/glob/img/outl/homeContentFrame_pink_07.gif") no-repeat;
}
#memberHomeContent .pink_BottomBar {
	background: url("/glob/img/outl/homeContentFrame_pink_08.gif") repeat-x;
}
#memberHomeContent .pink_BottomRight {
	background: url("/glob/img/outl/homeContentFrame_pink_09.gif") no-repeat;
}

/* Cadre accueil des membres -------------------------------------------------------- */
.memberSimpleToolsRedTitle,
.memberSimpleToolsGreenTitle,
.memberSimpleToolsBlueTitle,
.memberSimpleToolsGoldTitle {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 4px 5px;
}
.memberSimpleToolsGreenTitle {
	background: url("../img/bg/bg_title_green.gif");
}
.memberSimpleToolsBlueTitle {
	background: url("../img/bg/bg_title_blue.gif");
}
.memberSimpleToolsRedTitle {
	background: url("../img/bg/bg_title_red.gif");
}
.memberSimpleToolsGoldTitle {
	background: url("../img/bg/bg_title_gold.gif");
}
.memberHomeTopLeft {
	background: url("../img/outl/memberHomeFrame_01.gif") no-repeat;
}
.memberHomeTopBarUp {
	background: url("../img/outl/memberHomeFrame_02.gif") repeat-x;
}
.memberHomeTopBarWaveCom {
	background: url("../img/outl/memberHomeFrame_com.gif") no-repeat;
	background-position: center center;
}
.memberHomeTopBarWaveTools {
	background: url("../img/outl/memberHomeFrame_tools.gif") no-repeat;
	background-position: center center;
}
.memberHomeTopBarWavePrefs {
	background: url("../img/outl/memberHomeFrame_prefs.gif") no-repeat;
	background-position: center center;
}
.memberHomeTopBarDown {
	background: url("../img/outl/memberHomeFrame_04.gif") repeat-x;
}
.memberHomeTopRight {
	background: url("../img/outl/memberHomeFrame_05.gif") no-repeat;
}
.memberHomeLeftBar {
	background: url("../img/outl/memberHomeFrame_06.gif") repeat-y;
}
.memberHomeRightBar {
	background: url("../img/outl/memberHomeFrame_08.gif") repeat-y;
}
.memberHomeBottomLeft {
	background: url("../img/outl/memberHomeFrame_09.gif") no-repeat;
}
.memberHomeBottomBar {
	background: url("../img/outl/memberHomeFrame_10.gif") repeat-x;
}
.memberHomeBottomRight {
	background: url("../img/outl/memberHomeFrame_11.gif") no-repeat;
}
.memberHomeTools {
	text-align: center;
	vertical-align: top;
}
/* News : Contour principal --------------------------------------------------- */
.newsFrameTopLeft {
	background: url("../img/outl/outl_news_01.gif");
	background-repeat: no-repeat;
}
.newsFrameTopBar {
	background: url("../img/outl/outl_news_02.gif");
	background-repeat: repeat-x;
}
.newsFrameTopRight {
	background: url("../img/outl/outl_news_03.gif");
	background-repeat: no-repeat;
}
.newsFrameLeftBar {
	background: url("../img/outl/outl_news_04.gif");
	background-repeat: repeat-y;
}
.newsFrameContent {
	background: url("../img/outl/outl_news_05.gif");
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.newsFrameRightBar {
	background: url("../img/outl/outl_news_06.gif");
	background-repeat: repeat-y;
}
.newsFrameBottomLeft {
	background: url("../img/outl/outl_news_07.gif");
	background-repeat: no-repeat;
}
.newsFrameBottomBar {
	background: url("../img/outl/outl_news_08.gif");
	background-repeat: repeat-x;
}
.newsFrameBottomRight {
	background: url("../img/outl/outl_news_09.gif");
	background-repeat: no-repeat;
}
.bgHomeNews {
	background: url("../img/bg/bg_homenews.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* Popup ------------------------------------------------------------------------- */
#popupContent {
	position: relative;
	top: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left; 
}
#popupContent .content {
	padding: 10px;
	margin: 0px;
	text-align: left; 
	vertical-align: top;
}
#popupContent .leftBar {
	background: url("../img/bg/header_popup_08.gif");
	background-repeat: repeat-y;
}
#popupContent .rightBar {
	background: url("../img/bg/header_popup_13.gif");
	background-repeat: repeat-y;
}

/* Accueil - Partie Gauche ------------------------------------------------------- */
#presentationContent {
	padding: 0px;
	margin: 0px;
/*	background: url("../img/bg/bg_home_left.gif"); 
	background-repeat: no-repeat;
	background-position: top center; */
}
#presentationContent .presTable {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#presentationContent .text {
	text-align: justify;
	vertical-align: top;
	margin: 10px;
	padding: 0px;
}
#presentationContent p {
	text-align: justify;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

/* Tools : Contour principal --------------------------------------------------- */
.toolsFrameTopLeft {
	background: url("../img/outl/outl_tools_01.png");
	background-repeat: no-repeat;
}
.toolsFrameTopBar {
	background: url("../img/outl/outl_tools_02.png");
	background-repeat: repeat-x;
}
.toolsFrameTopRight {
	background: url("../img/outl/outl_tools_03.png");
	background-repeat: no-repeat;
}
.toolsFrameLeftBar {
	background: url("../img/outl/outl_tools_04.png");
	background-repeat: repeat-y;
}
.toolsFrameContent {
	background: url("../img/outl/outl_tools_05.png");
	background-repeat: repeat;
}
.toolsFrameRightBar {
	background: url("../img/outl/outl_tools_06.png");
	background-repeat: repeat-y;
}
.toolsFrameBottomLeft {
	background: url("../img/outl/outl_tools_07.png");
	background-repeat: no-repeat;
}
.toolsFrameBottomBar {
	background: url("../img/outl/outl_tools_08.png");
	background-repeat: repeat-x;
}
.toolsFrameBottomRight {
	background: url("../img/outl/outl_tools_09.png");
	background-repeat: no-repeat;
}

/* Tools : Contour interne --------------------------------------------------- */
.toolsInnerFrameTopLeft {
	background: url("../img/outl/outl_innertools_01.png");
	background-repeat: no-repeat;
}
.toolsInnerFrameTopBar {
	background: url("../img/outl/outl_innertools_02.png");
	background-repeat: repeat-x;
}
.toolsInnerFrameTopRight {
	background: url("../img/outl/outl_innertools_03.png");
	background-repeat: no-repeat;
}
.toolsInnerFrameLeftBar {
	background: url("../img/outl/outl_innertools_04.png");
	background-repeat: repeat-y;
}
.toolsInnerFrameContent {
	background: url("../img/outl/outl_innertools_05.png");
	background-repeat: repeat;
	text-align: center;
}
.toolsInnerFrameRightBar {
	background: url("../img/outl/outl_innertools_06.png");
	background-repeat: repeat-y;
}
.toolsInnerFrameBottomLeft {
	background: url("../img/outl/outl_innertools_07.png");
	background-repeat: no-repeat;
}
.toolsInnerFrameBottomBar {
	background: url("../img/outl/outl_innertools_08.png");
	background-repeat: repeat-x;
}
.toolsInnerFrameBottomRight {
	background: url("../img/outl/outl_innertools_09.png");
	background-repeat: no-repeat;
}

/* Autres styles---------------------------------------------------------- */
.tableBorderCorner {
	background: url("../img/outl/table_border_01.gif") no-repeat;
}
.tableBorderUp {
	background: url("../img/outl/table_border_02.gif") no-repeat;
}
.tableBorderLeft {
	background: url("../img/outl/table_border_03.gif") no-repeat;
}
.bottomRef {
	font-size: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
.bottomSigning {
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	text-align: right;
	vertical-align: top;
}
.buttonCenter {
	padding: 0px 10px;
	margin: 0px;
	text-align: center;
}
.buttonLeft {
	padding: 0px 10px;
	margin: 0px;
	text-align: left;
}
.buttonRight {
	padding: 0px;
	margin: 0px;
	text-align: right;
}
.customCheck {
	text-align: center;
	padding: 1px;
	margin: 2px;
}
.cnil {
	text-align: justify;
	font-style: italic;
	padding: 10px;
	font-size: 10px;
}
.dropMenuButtonOver,
.dropMenuButtonOn,
.dropMenuButtonOff,
.dropMenuButton {
	padding: 0px 5px 0px 0px;
	cursor: pointer;
	font-size: 11px;
}
.dropMenuTable {
	margin: 0px;
	padding: 0px;
}
.erreur {
	font-size: 12px;
	font-weight: bold;
	padding: 3px 3px 3px 30px;
	text-align: left;
	background-image: url("../img/ico/ico_err.gif");
	background-repeat: no-repeat;
}
.contourTable {
	padding: 0px;
	margin: 0px;
}
.icoTopPage {
	padding: 0px 10px 0px 0px;
}
.lineSepHorizon {
	padding: 0px;
	margin: 0px;
}
td .lineSepHorizonWhite {
	padding: 0px;
	margin: 0px;
}
.lineSepHorizonGrey {
	padding: 0px;
	margin: 0px;
	background-color: #D5D5D5;
}
.lineSepVertical {
	padding: 0px;
	margin: 0px;
}
.lineSepVert {
	background: url("../img/line/line_v.gif");
	background-repeat: repeat-y;
}
.globalTable {
	padding: 0px;
	margin: 0px;
}
.mainTable {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.mapLinkHeader {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
	width: 60px;
}

.mapLinkBody {
	text-align: center;
	font-size: 11px;
	padding: 5px;
	width: 80px;
}

.rightTable {
	padding: 0px;
	margin: 0px 10px 0px 20px;
	border: 0px;
}
.questTitle {
	padding: 10px 10px 10px 10px;
	background: url("../img/bg/bg_title_red.gif") repeat-x;
	text-align: center;
	font-weight: bold;
	background-position: center;
}
.questLine {
	padding: 5px;
	text-align: left;
}
.questRep {
	padding: 5px;
	text-align: center;
}
.questScoreLib {
	text-align: right;
	padding: 5px;
}
.questScore {
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
.signature {
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
}
.sommaireLigneIco {
	padding: 2px 5px 2px 0px;
	vertical-align: top;
}
.sommaireLigne {
	padding: 2px 0px 2px 0px;
	vertical-align: top;
	text-align: left;
}
.toolsHelp {
	text-align: left;
	vertical-align: top;
}

.infoMsg {
	margin: 10px;
	font-size: 12px;
	text-align: center;
	color: #D03030;
}

.onlineEdit {
	color: #2976d5;
	font-weight: bold;
}

#wait .bd {
	padding:10px 0;
	text-align:center;
}
.mainButton_red,
.mainButton_grey {
	margin: 0px;
	font-size: 11px;
	cursor: pointer;
	padding: 2px 0px 2px 0px;
	font-weight: bold;
	text-align: center;
}
.mainButton_new_red,
.mainButton_new_grey {
	margin: 0px;
	font-size: 12px;
	cursor: pointer;
	padding: 2px 0px 2px 0px;
	font-weight: bold;
	text-align: center;
}

/* =========================================================================== */
/* Pour permettre à tinyMCE d'avoir toutes les caractéristiques des styles     */
/* =========================================================================== */

/* ============================================================================================================= */
/* CSS des couleurs de moodInstitute --------------------------------------------------------------------------- */
/* Créée par Become Partners <thierry.santacana@projectomega.com> le 25/06/2005 ------------------------------ */
/* ============================================================================================================= */

body {
	background-color: #FFFFFF;
	color: #343434;
}
.calendar {
  background: #FBFBFB;
  color: #666666;
}
.calendar table {
  background: #FBFBFB;
  color: #666666;
  border: 1px solid #FBFBFB;
}
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  border-color: #CCCCCC #AAAAAA #AAAAAA #CCCCCC;
  background: #EEEEEE;
}
.calendar .nav {
  background: #EEEEEE url("../js/jscalendar/menuarrow.gif") no-repeat 100% 100%;
}
.calendar thead .title { /* This holds the current "month, year" */
  background: #666666;
  color: #F5F5F5;
}
.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #AAAAAA;
  background: #CCCCCC;
  color: #666666;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-color: #CCCCCC #AAAAAA #AAAAAA #CCCCCC;
  cursor: pointer;
}
.calendar thead .active { /* Active (pressed) buttons in header */
  border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
}
.calendar table .wn {
  border-right: 1px solid #AAAAAA;
  background: #FBFBFB;
  color: #666666;
}
.calendar tbody .rowhilite td {
  background: #AAAAAA;
  color: #F5F5F5;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
  border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
}
.calendar tbody td.selected { /* Cell showing selected date */
  border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
  background: #CCCCCC;
  color: #666666;
}
.calendar tbody td.disabled {
  color: #CCCCCC;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #CCCCCC;
}
.calendar tbody td.selected.note,
.calendar tbody td.weekend.note,
.calendar tbody td.oweekend.note,
.calendar tbody .day.note,
.calendar tbody td.active.note {
  background: #FFAAAA;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #F5F5F5;
  border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
  color: #666666;
}
.calendar .combo {
  border-color: #CCCCCC #AAAAAA #AAAAAA #CCCCCC;
  background: #F5F5F5;
  color: #666666;
}
.calendar .combo .hilite {
  background: #CCCCCC;
  color: #F5F5F5;
}
.calendar td.time {
  border-top: 1px solid #AAAAAA;
  background-color: #F5F5F5;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  background-color: #F5F5F5;
}
.calendar td.time span.hilite {
  background-color: #AAAAAA;
  color: #F5F5F5;
}

/* HEADER ---------------------------------------------------------------------- */
#header_popup .logo {
	background-color: #FFFFFF;
}
#popupPage .mainTitle {
	color: #FFFFFF;
}
#footer a, 
#footer a:link, 
#footer a:visited {
	color: #B83232;
}
#footer a:hover {
	color: #852525; 
}
#formContent .validatedLine {
	background-color: #C1F2CA;
}
#formContent td.sepLine {
	background-color: #CCCCCC;
}
/* Color picker ---------------------------------------------------------------- */
.dragPanel { 
	background-color: #EEEEEE;
	border: 1px solid #852525;
}
.colorTable { 
	background-color: #EEEEEE;
	border: 1px solid #852525;
}
#rgbHandle {
	background-color: #852525;
}
.bg {
	border: 0px solid #AAAAAA;
}
.bg span, .bg p {
	color: #AAAAAA;
}
.bg span {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.bg .lb {
	border-left:1px solid #CCCCCC;
}
.bg .rb {
	border-right:1px solid #CCCCCC;
}
#rgbSwatch {
	border:1px solid #AAAAAA;
}
/* Cadres ------------------------------------------------------------- */
.FrameSepLine {
	background-color: #FFFFFF;
}
.FrameTitle {
	color: #852525;
}
/* Graphes ------------------------------------------------------------------*/
#graphContent .echelleValeurLib {
	color: #AAAAAA;
}
#graphContent .littleLib {
	color: #AAAAAA;
}
#graphContent .greyToolsTable {
	background-color: #F5F5F5;
}
#graphContent .etatsMixtesLib {
	background-color: #666666;
}
#graphContent .smallCheckBox,
#graphContent .smallInput,
#graphContent .customSelect,
#graphContent .smallField {
	border: thin solid #CCCCCC;
	background-color: #FFFFFF;
}
#graphContent .smallFieldNotFilled {
	border: thin solid #CCCCCC;
	background-color: #FCC2C2;
	color: #FFFFFF;
}
#graphContent .smallCheckBoxChanged,
#graphContent .smallFieldChanged {
	border: thin solid #CCCCCC;
	background-color: #FFFFFF;
	color: #FF0000;
}
#graphContent .littleLib {
	color: #343434;
}
#graphContent .lineInError {
	background-color: #D03434;
}
#graphContent .monthTodayLib,
#graphContent .monthSelectedDayLib,
#graphContent .monthClosedDayLib,
#graphContent .monthOpenDayLib {
	color: #FFFFFF;
}
#graphContent .monthToday,
#graphContent .weekToday {
	color: #FFFFFF;
	background-color: #FFAAAA;
}
#graphContent .monthSelectedDay,
#graphContent .weekSelectedDay {
	background-color: #666666;
}
#graphContent .monthClosedDay,
#graphContent .weekClosedDay {
}
#graphContent .monthNotFilledDay,
#graphContent .weekNotFilledDay {
	background-color: #CCCCCC;
}
#graphContent .weekOpenDay,
#graphContent .monthOpenDay {
	color: #AAAAAA;
}
#graphContent .weekDayLibUp,
#graphContent .weekDayLibDown {
	color: #666666;
}
#graphContent .mainVerticalSep {
}
#graphContent .sliderValue {
	color: #AAAAAA;
	background-color: #EEEEEE;
}
#graphContent .sliderTableActive {
	border: 1px solid #000000;
}
#graphContent .sliderTablePassive {
	border: 1px solid #CCCCCC;
}
#graphContent .sliderExtremeUp,
#graphContent .sliderShortText,
#graphContent .sliderExtremeDown {
	color: #666666;
}
#graphContent .sliderShortText {
	color: #666666;
	background-color: #EEEEEE;
}
#graphContent .sliderShortTextOver {
	color: #343434;
	background-color: #CCCCCC;
}
#graphContent .whiteSepLine {
	background-color: #FFFFFF;
}
#graphContent .sliderPixel {
	background-color: #EEEEEE;
}
#graphContent .sliderTitle {
	color: #343434;
	background-color: #EEEEEE;
}
#graphContent .sepCell {
	background-color: #F5F5F5;
}
#graphContent .greySepCell {
	background-color: #EEEEEE;
}
#graphContent .clickGreyCell {
	background-color: #F5F5F5;
}
#graphContent .formRightLib {
	color: #343434;
}
#graphContent .formLeftLib {
	color: #666666;
}
#graphContent .inputForm {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
#graphContent .redTitle {
	color: #FFFFFF;
}
#graphContent .greyTitle {
	color: #FFFFFF;
}
#graphContent .redGradientTitle {
	color: #FFFFFF;
}
#graphContent .centerRedGradientTitle {
	color: #FFFFFF;
}
#graphContent .moodTitle {
	color: #FFFFFF;
}
#graphContent .toolsGreenTitle,
#graphContent .toolsRedTitle,
#graphContent .toolsBlueTitle,
#graphContent .toolsGoldTitle,
#graphContent .toolsGreyTitle,
#graphContent .toolsTitle {
	color: #FFFFFF;
}
#graphContent .tableGreen {
	background-color: #C7E3C8;
}
#graphContent .tableRed {
	background-color: #FFDCE2;
}
#graphContent .tableBlue {
	background-color: #C7CEE6;
}
#graphContent .tableGold {
	background-color: #F1EDDD;
}
#graphContent .toolsTable {
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
}
#graphContent .toolsTableBottom {
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
#graphContent .mainToolsTable {
	border: 1px solid #AAAAAA;
	background-color: #F5F5F5;
}
#graphContent .suiviGenMsg {
	padding: 5px;
	margin: 0px;
 	text-align: right;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
}
#graphContent .sepLine {
	background-color: #666666;
}
/* Espace Login une fois connecté ------------------------------------------------ */
#loggedForm .welcome {
	color: #B83232;
	text-shadow: #AAAAAA 1px 1px;
}
/* Formulaire de Login ----------------------------------------------------------- */
#logingForm .custInput {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

/* Navigation -------------------------------------------------------------------- */
#mainNavig .mainNavigTable {
	border: 0px solid #000000;
}
#mainNavig .buttonOff {
	color: #FFFFFF;
}
#mainNavig .buttonOver {
	color: #FFFFFF;
}
#mainNavig .buttonOn {
	color: #FFFFFF;
}
#mainNavig .buttonMemberOff,
#mainNavig .buttonMemberOver,
#mainNavig .buttonMemberOn {
	color: #FFFFFF;
}


/* Contour -------------------------------------------------------------------- */
#homeContent .TOP_LEFT_Title,
#homeContent .TOP_RIGHT_Title,
#homeContent .BOTTOM_LEFT_Title,
#homeContent .darkRedTitle,
#homeContent .BOTTOM_RIGHT_Title {
	color: #B83232; 
}
/* Popup ------------------------------------------------------------------------- */
#popupPage {
	background-color: #FFFFFF;
}
#popupContent {
	background-color: #FFFFFF;
}
#popupContent .content {
	background-color: #FFFFFF;
}

/* Formulaires --------------------------------------------------------------------- */
.commentFormLib {
	color: #343434;
}
.formRightLib {
	color: #343434;
}
.formLeftLib {
	color: #666666;
}
.formLeftLibSelected {
	color: #852525;
	background-color: #FCC2C2;
}
.formRightLibSelected {
	color: #852525;
	background-color: #FCC2C2;
}
.fieldInError {
	color: #B83232;
}
.obligFormLib {
	color: #000000;
	background-color: transparent;
}
.optionFormLib {
	color: #343434;
	background-color: transparent;
}
.sepCell {
	background-color: #EEEEEE;
}
.sepLine {
	background-color: #852525;
}
.selectForm {
	border: 1px solid #CCCCCC;
}

/* Redéfinitions ------------------------------------------------------------ */
select,
textarea {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
input {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
input[type=text],
input[type=password] {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
textarea {
	resize: none;
}

/* Autres styles---------------------------------------------------------- */
.bottomRef {
	color: #CCCCCC;
}
.bottomSigning {
	color: #FFFFFF;
	background-color: #AAAAAA;
}
.customCheck {
	background-color: #EEEEEE;
}
.cnil {
	color: #666666;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
}
.dropMenuButtonOver {
	color: #FFFFFF;
	background-color: #88889A;
}
.dropMenuButtonOn {
	color: #FFFFFF;
	background-color: #88889A;
}
.dropMenuButtonOff {
	color: #000000;
	background-color: #CCCCCC;
}
.dropMenuButton {
	color: #000000;
	background-color: #CCCCCC;
}
.dropMenuTable {
	background-color: #FFFFFF;
}
.erreur {
	color: #FFFFFF;
	background-color: #B83232;
}
.contourTable {
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
.greySepLine {
	background-color: #CCCCCC;
}
.homeContentNewsTitle  {
	color: #B83232;
}
.homeContentTitle  {
	color: #852525;
}
.homeContentSubTitle  {
	color: #000000;
}
.homeContentText  {
	color: #666666;
}
.homeContentList  {
	color: #B83232;
}
.homeContentListText  {
	color: #666666;
}
.leftImage {
	background-color: #EEEEEE;
}
.leftImageWhite {
	background-color: #FFFFFF;
}
.rightImage {
	background-color: #EEEEEE;
}
.rightImageWhite {
	background-color: #FFFFFF;
}
.lineSepHorizon {
	background-color: #CCCCCC;
}
.lineSepHorizonWhite {
	background-color: #FFFFFF;
}
.lineSepVertical {
	background-color: #CCCCCC;
}
.globalTable {
	border: 0px solid #CCCCCC;
}
.mapLinkHeader {
	border: 1px solid #852525;
	background: #FFAAAA url("../img/ico/info.gif") no-repeat;
}
.mapLinkBody {
	text-align: center;
	background-color: #FFAAAA;
	border-left: 1px solid #852525;
	border-right: 1px solid #852525;
	border-bottom: 1px solid #852525;
}
.rightTable {
	background-color: #FFFFFF;
}
.questTitle {
	color: #343434;
}
.questLine {
	color: #666666;
}
.questScoreLib {
	background-color: #F5F5F5;
	color: #666666;
}
.questScore {
	background-color: #F5F5F5;
	color: #666666;
}
.signature {
	color: #666666;
}
.sommaireSep {
	background-color: #FFFFFF;
}
.toolsHelp {
	color: #666666;
}

.memberSimpleToolsOutlineTable {
	border: 2px solid #852525;
}
.memberSimpleToolsRedTitle,
.memberSimpleToolsGreenTitle,
.memberSimpleToolsBlueTitle,
.memberSimpleToolsGoldTitle {
	color: #FFFFFF;
}
.mainButton_red {
	color: #FFFFFF;
	background: url(/glob/img/bg/bg_bouton_red_02.png) repeat-x;
}
.mainButton_grey {
	color: #88889A;
	background: url(/glob/img/bg/bg_bouton_grey_02.png) repeat-x;
}
.mainButton_new_red {
	color: #FFFFFF;
	background: url(/glob/img/bg/bg_button_new_red_off_02.png) repeat-x;
}
.mainButton_new_grey {
	color: #333333;
	background: url(/glob/img/bg/bg_button_new_grey_off_02.png) repeat-x;
}