/** SEARCH field*/
searchwrapper {
width:310px; /*follow your image's size*/
height:40px;/*follow your image's size*/
/*background-image:url('../images/search/searchbox.jpg');*/
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:absolute; /*important*/
}
#searchwrapper form {display:inline;}
.searchbox {border:1px solid; /*important*/position:absolute; /*important*/top:10px;left:220px;width:210px;height:20px;margin-top: -5px;border-color: #C0C0C0;}
.searchbox_submit {border:0px; /*important*/background-color:transparent; /*important*/position:absolute; /*important*/top:5px;left:415px;width:23px;height:20px;}
.searchbox_cancel {border:0px; /*important*/background-color:transparent; /*important*/position:absolute; /*important*/top:8px;left:439px;width:23px;height:20px;}
/** end SEARCH field*/
FORM {font-family : Arial, Helvetica, sans-serif;font-size : 10px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
INPUT, SELECT, TEXTAREA{font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 12px;}
A {font-family : Verdana, Arial, Helvetica, sans-serif;font-size: 11px;text-decoration: none;}
TD {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 12px;}
.titreTableau, TH {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 14px;font-weight : bold;}
.tblock {margin-left:10px;}.colorTH {font-size : 1px;}
H1, .H1 {font-family : Arial, Helvetica, sans-serif;font-size : 16px;font-weight : bold;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
H4 , .H4  {font-family : Arial, Helvetica, sans-serif;font-size : 16px;font-weight : bold;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
H2, .H2 {font-family : Arial, Helvetica, sans-serif;font-size : 14px;font-weight : bold;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
H3, .H3 {font-family : Arial, Helvetica, sans-serif;font-size : 16px;font-weight : bold;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
/*
there is no DOM way of playing with overflow-x and overflow-y, so this classes should help
*/
.overflowYauto{overflow-y : auto;}.overflowXauto{overflow-x: auto;}.overflowYhidden{overflow-y: hidden;}.overflowXhidden{overflow-x: hidden;}
.overflowYscroll{overflow-y : scroll;}.overflowXscroll{overflow-x: scroll;}.overflowYvisible{overflow-y: visible;}.overflowXvisible{overflow-x: visible;}
/* end of overflow helper */
/*
*crossbrowser compatible way to slim a table down. 
*With this you won't have to do this anymore :border="0" cellspacing="0" cellpadding="0"
*/
.tableSlimed, .tableSlimed tbody, .tableSlimed tr, .tableSlimed td{margin:0px;padding:0px;border-collapse: collapse;}
/*fixes a table */
.tableFixed, .tableFixed tbody, .tableFixed tr, .tableFixed td{table-layout : fixed;overflow:hidden;}
/*
* crossbrowser compatible way of doing leftmargin="0" topmaring="0"
*/
.bodySlimed {margin:0px;padding:0px;}
/*this defines globaly the content right and left margin, so all pages have the same margins
* usaly does not apply on horizontal seperation lines 
*/
.contentMargins {margin-left:10px;margin-right:10px;}
.RAP1 {text-indent: 15pt;text-align: left;font-family : Arial, Helvetica, sans-serif;font-size : 20px;font-weight : bold;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.RAP2 {text-indent: 30pt;text-align: left;font-family : Arial, Helvetica, sans-serif;font-size : 18px;font-weight : bold;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.formGrand {font-family : Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;z-index:150;}
.formGrandDI {font-family : Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.formGrandDI2 {font-family : Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
.formPetit {font-size: 10px;/*font-weight: bold;*/z-index:50;}
.div_pop{overflow:auto;display:none;background-color:#ffffff;border:1px;border-style:ridge;border-color:#999999}
.div_liste{overflow:auto;display:none;background-color:#bbbbbb;border:1px;border-style:solid;border-bottom-color:#333333;border-right-color:#333333;
	border-left-color:#333333;border-top-color:#bbbbbb;border-top-width:0px;}
.note {font-family : Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
.masque {text-decoration: none;margin-bottom : 0px;margin-left : 0px;margin-right : 0px;margin-top : 0px;display: none;}
.masqueContour {border-style : solid solid solid solid;color: #000000;text-align: center;border-width: 1px 1px 1px 1px;border-color: #FFFFFF;background-color: #FFFFFF;}
.masqueContourPetit {border-style : solid solid solid solid;color: #000000;text-align: center;border-width: 1px 1px 1px 1px;border-color: #FFFFFF;background-color: #FFFFFF;font-size: 10px;}
.masqueContourGras {border-style : solid solid solid solid;color: #000000;text-align: center;border-width: 1px 1px 1px 1px;border-color: #FFFFFF;
					background-color: #FFFFFF;font-size: 12px;font-weight: bold;}
.masqueContourPetitGras {border-style : solid solid solid solid;color: #000000;text-align: center;border-width: 1px 1px 1px 1px;border-color: #FFFFFF;
					background-color: #FFFFFF;font-size: 10px;font-weight: bold;}
.paire {}.impaire {}
.xmp_td {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 12px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.bandeauBleu{width:100%;border-top:1px solid #666666;border-bottom:1px solid #666666;background-color:#ECF3FB;padding-left: 10px;padding-right:10px;}
.bandeauTitre, .champFigeHighlight {background-color:#ECF3FB;}
.bandeauTitreInput {font-family : Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight: bold;z-index:150;}
.titreThemeForm {}.formMedium {font-size: 12px;font-weight: bold;}.formAffiche {border: 1px solid #000000;font-weight: bold;}
.lib {font-size: 10px;}.cadre {font-size: 1px;background-color: #666666;}.lienSurDomaine {font-size: 12px;text-decoration: none;font-weight : bold;color: black;}
.mnlien2 {font-size: 11px;text-decoration: none;}
.survolCalendrier {font-size: 11px;text-decoration: none;color: black;}LEGEND {font-weight: bold;}
.txtgris {font-size: 9px;color: #000000;}.txtgrisc {font-size: 10px;color: #333333;}.txtgrisclr {font-size: 9px;color: #C0C0C0;}
.txtrouge {font-family : Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #FF0000;}
.txtnoirImp {font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;}
.txt9 {font-size: 9px;font-family:  Verdana, Arial, Helvetica, sans-serif;}
.txt10 {font-size: 10px;font-family:  Verdana, Arial, Helvetica, sans-serif;}
.txt11 {font-size: 11px;font-family:  Verdana, Arial, Helvetica, sans-serif;}
.txt12 {font-size: 12px;font-family:  Verdana, Arial, Helvetica, sans-serif;}
.txt13 {font-size: 13px;font-family:  Verdana, Arial, Helvetica, sans-serif;}
.txt14 {font-size: 14px;font-family:  Verdana, Arial, Helvetica, sans-serif;}
.txt16 {font-size: 16px;font-family:  Verdana, Arial, Helvetica, sans-serif;}
.txt20 {font-size: 20px;font-family:  Verdana, Arial, Helvetica, sans-serif;}
.txt22 {font-size: 22px;font-family:  Verdana, Arial, Helvetica, sans-serif;}
.valeurSmall { font-weight: normal; font-size : 10px; }
.multi{color:orange}.txtbleu {color:#0000FF;}
.txtTitreModule {color: #FFFFFF;font-weight: bold;font-size: 20px;font-family: Arial, Helvetica, sans-serif;}
.txtTitreModuleInactiv {color: #999999;font-weight: bold;font-size: 20px;font-family: Arial, Helvetica, sans-serif;}
.txtTitrePP :first-letter{text-transform:capitalize;}
.txtFermer {border:none;color:gray;font:normal 9px Verdana;vertical-align:top;position:relative;top:3px;}
.titreFiche{font-family : Arial, Helvetica, sans-serif;font-size:16px;color:#F8991C;font-weight:bold;font-style:normal;}
.rlldwn_menu {background-color:#DDDDDD;}
.rlldwn_submenu{font-family : Arial, Helvetica, sans-serif; color: #666666;font-size:11px;margin-left:10px;}
.class_select{color:#F8991C;font-weight:bold;cursor:pointer;font-size:9px;}
.class_select_tablet{color:#F8991C;font-weight:bold;cursor:pointer;font-size:20px;}
.class_unselect{color:#000000;cursor:pointer;font-size:9px;}
.class_unselect_tablet{color:#000000;cursor:pointer;font-size:20px;}
/* style pour les listes g�n�riques */
div.sfmlistContainer {margin: 0 auto;overflow-y: auto;overflow-x: hidden;}
.sfmlistContainer table {width: 100%;border: none;}
.sfmlistContainer table tbody.list_main	{  /* child selector syntax which IE6 and older do not support*/overflow-y: auto;overflow-x: hidden;width: 100%;}
.sfmlistContainer thead tr	{position:relative;top: expression(offsetParent.scrollTop): /*IE5+ only*/}
.sfmlistContainer thead td, thead th {text-align: center;}.sfmlistContainer td	{}
.sfmlistContainer table tfoot tr { /*idea of Renato Cherullo to help IE*/position: relative;overflow-x: hidden;
	  top: expression(parentNode.parentNode.offsetHeight >=
	  offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
}
.sfmlistContainer table#listeFamePrgvPrev {table-layout: fixed}
.sfmlistContainer table#listeFamePrgvPrev tr td:first-child {overflow: hidden; text-overflow: ellipsis;}
.sfmlistContainer tbody td{height:20px;}
.sfmlistContainer input{margin:0px; /* for FF */width: 17px; /* for IE */height: 13px; /* For IE */}
.sfmlistContainer tfoot td	{}
.sfmlistContainer td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/
.sfmlist_entete_filtre {background-color:#99CCFF; /*Mis dans chacun des themes*/border-top: 1px solid #666666;border-bottom: 1px solid #666666;
	border-left-size:0px;border-right-size:0px;padding:0px;margin:0px;}
.sfmlist_texte_filtre_inactif {font-size:9px;color:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;}
.sfmlist_texte_filtre {font-size:9px;color:#333333;background-color:#1E94D0;font-family:Verdana, Arial, Helvetica, sans-serif;}
.sfmlist_fond_filtre {background-color:#85B1DD;}
.sfmlist_filtre_enable {font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif; text-align: left !important;}
.sfmlist_filtre_disable {font-size:9px;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;text-align: left !important;}
.sfmlist_filtre_arrow{float:right;}
.borderTotal {background: url(images/borderTotal.gif) repeat-x;}
.txtMenu {font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #000000;}
.trackBar_fakeCell{text-align:center; font-size:7pt; width: 90px; float: left;position:relative;  clear:right;}
.trackBar_boxCursor_tmp{width: 11px; height: 11px; background-color: gold; 	position:relative;top:-11px; 	left:0px; 	font-size: 0px; float:left;clear:right; Z-index: 5;padding: 1px;}
.trackBar_box{width: 11px; height: 11px; 	border: 2px solid orange;font-size: 0px; padding:0px; margin:0px; position:relative; Z-index: 10; float: left;}
.trackBar_line{width: 78px; height: 2px; border: 0px none; background-color: orange; Z-index: 1;float: left; font-size: 0px; position: relative; top: 5px;}
.trackBar_spacer {width: 40px; height: 2px; Z-index: 1; float: left;font-size: 0px; position: relative; top: 5px;}
.trackBar_fakeCell{text-align:center; font-size:7pt; width: 90px; float: left;position:relative;  clear:right;}
.trackBar_boxCursor{width: 11px; height: 11px; background-color: gold; 	position:relative;top:-11px; 	left:0px; 	font-size: 0px; float:left;clear:right; Z-index: 5;padding: 1px;}
.trackBar_box{width: 11px; height: 11px; 	border: 2px solid orange;font-size: 0px; padding:0px; margin:0px; position:relative; Z-index: 10; float: left;}
.trackBar_line{width: 78px; height: 2px; border: 0px none; background-color: orange; Z-index: 1;float: left; font-size: 0px; position: relative; top: 5px;}
.trackBar_spacer {width: 40px; height: 2px; Z-index: 1; float: left;font-size: 0px; position: relative; top: 5px;}
.ChampOblig {font-family:  Arial, Helvetica, sans-serif;font-size: 12px;color: #000000; position:relative; float: right; right: -6px; top:-3px}
/* grad bar style */
.navbar{width:50px;text-align:right;}
.navbar_input_only{width:50px;text-align:right;}
.navbarrule{height:2px;background-color:#CCC;font-size:1px;line-height:1px;}
.navbarcursor{position:absolute;border:1px solid gray;background-color:#CCC;width:5px;height:10px;font-size:1px;line-height:1px;}
.navbarinfobox{position:absolute;top:-30px;left:-10px;white-space:nowrap;border:1px solid gray;background-color:#CCC;height:20px;font-size:8pt;line-height:20px;display:none;text-align: center;}
/* end of gradbar style */
.TitleBar{border:0px solid #F8991C;border-bottom-width:1px;font-weight: bold;}
.txtVert {color: #4FA24F;}
/* slideShowBar */
.slideShowBarTable {width:100%;height:16px;border:0px;margin:0px;spacing:0px;}
.slideShowBarTDBtn{padding-left:10px;text-align:left;height:16px;width:70px;}
.slideShowBarTDBtn span{cursor:pointer;}
.slideShowBarTDBtn span img{vertical-align:bottom;height:16px;padding-right:3px;}
.slideShowBarTDTitle{height:16px;}
.slideShowBarTDTitle div{font-family : Arial,Helvetica,sans-serif;text-align : left;font-size : 14px;font-weight : bold;cursor:pointer;}
.slideShowBarTDSquares{text-align:right;padding-right:10px;height:16px;}
.slideShowBarOverviewBox{font-family : Arial,Helvetica,sans-serif;text-align : left;font-size : 14px;font-weight : bold;}
.slideShowBarSquareIt{width:7px;height:7px;background-color:#CCC;margin:1px;cursor:pointer;}
.slideShowBarSquareIt:hover{background-color:red;}
.slideShowBarSquareItSelect{width:7px;height:7px;background-color:#F8991C;margin:1px;cursor:pointer;}
/* end of slideShowBar */
/* SFMcalendar styles */
.SFMcalendar{font-family: Arial, Tahoma;font-size:8pt;}
.SFMcalendar table {border-collapse: collapse;width:100%;border:1px solid #EEE;}
.SFMcalendar tbody {}
.SFMcalendar td td {font-size:8pt;background-color : #ECF3FB;/*#EEE;*/text-align:right;border-top : 0px solid #AAA;border-left : 0px solid #AAA;border-bottom : 0px solid #999;
	border-right : 0px solid #999;width:16px;height:16px;padding:0px;padding-right:3px;padding-left:3px;}
.SFMcalendar th{font-size:8pt;background-color : #B1D5FB;/*#CAE1FB;/*#ECF3FB;/*#CCC;*/font-weight:bold;border-top : 0px solid #AAA;border-left : 0px solid #AAA;
	border-bottom : 0px solid #999;border-right : 0px solid #999;width:16px;height:16px;}
.SFMcalendarArrows{border :2px solid #B1D5FB;background-color : #B1D5FB;cursor : pointer;
	/*size and borders are defined as such for compatibility between strict HTML and IE non strict HTML*/
	width:16px;height:16px;position:absolute;top:1px;}
.SFMcalendar .weekend{background-color : #CAE1FB;/*#ECF3FB;/*#BBB;*/}.SFMcalendar .grayed {color:#999;}
/* end of SFMcalendar styles */
/* SFMbutton styles*/
.SFMBtnTxt{font-family: Verdana, Arial, Helvetica sans-serif; font-size: 10px; color:#666666; font-weight:bold; text-align:center; position:absolute; top:3px; left:0px;padding-bottom:2px;/*padding is for IE bug*/   }
.SFMBtnTxtSelected{font-family: Verdana, Arial, Helvetica sans-serif; font-size: 10px; color:white; font-weight:bold; text-align:center; position:absolute; top:3px; left:0px;padding-bottom:2px;/*padding is for IE bug*/   }
.SFMBtnImgl{position:absolute;left:0px;top:0px; }
.SFMBtnImgr{position:absolute;right:0px;top:0px; }
.SFMBtnImgc{position:absolute;left:1px;top:0px; height:18px;}
/* end of SFMbutton styles */
/* Style pour les onglets */
.background_onglet {background-image:url(../images/onglet_center.gif);}
.background_onglet_selected {background-image:url(../images/onglet_center_selected.gif);}
.txt_onglet {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight:bold;color:#666666;text-decoration : none;}
.txt_onglet_selected {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight:bold;color:#f8991c;text-decoration : none;}
/* Fin Style pour les onglets */
/* thumb corner*/
.thumbC{display : block;float:left;width : 5px;height : 22px;background-image: url(../images/onglet_corners_5x22.png);background-repeat: no-repeat;}
.thumbC_left_actif{background-position : 0px 0px;}.thumbC_right_actif{background-position : -5px 0px;}
.thumbC_left_inactif{background-position : 0px -22px;}.thumbC_right_inactif{background-position : -5px -22px;}
/*thumb middle*/
.thumbM{display : block;float:left;height : 22px;background-image: url(../images/onglet_center_6x22.png);background-repeat: repeat-x;line-height: 22px;vertical-align:sub;padding : 0px;margin: 0px;padding-top : 2px;border:0px;}
.thumbM_actif{background-position : 0px -22px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight:bold;color:#f8991c;text-decoration : none;vertical-align: bottom;}
.thumbM_inactif{background-position : 0px 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight:bold;color:#666666;text-decoration : none;vertical-align: bottom;}
.thumbM_empty{background-position : 0px -44px;cursor: default;}
.rectanglePopup {cursor: pointer;width : 3px;height : 15px;vertical-align: top;border-color : rgb(80,77,72);border-width: 1px;border-style: solid;}
.thresholdNotice { font-family: Verdana, Arial, Helvetica sans-serif; font-size: 12px;}

/* Left part of a tab */
.sfmlist_thumb { height : 22px; background-image: url(../images/onglet_left.gif);background-repeat: no-repeat; padding-left: 5px;}

/* Right part of a tab */
.sfmlist_thumb_div {height : 22px; background: url(../images/onglet_right.gif) top right no-repeat; padding-right: 5px;}

/* Middle part of a tab */
.sfmlist_thumb_div_div {padding: 0; height: 22px; background-image: url(../images/onglet_center_6x22.png); background-repeat: repeat-x; line-height: 22px; border:0px solid red;}

/* Left part of a tab when is selected */
.sfmlist_thumb_selected {height : 22px; background-image: url(../images/onglet_left_selected.gif);background-repeat: no-repeat; padding-left: 5px;}

/* Right part of a tab when is selected*/
.sfmlist_thumb_div_selected {height : 22px; background: url(../images/onglet_right_selected.gif) top right no-repeat; padding-right: 5px;}

/* Middle part of a tab when is selected*/
.sfmlist_thumb_div_div_selected {padding: 0; height: 22px; background-image: url(../images/onglet_center_selected.gif); background-repeat: repeat-x; line-height: 22px; border:0px solid red;}

.intTelMsg { font-size: 9px; color: #FF0000; }

.qrCode  {
	width:200px; height:200px;
	top: 0px;
	right: 0px;
	border: none;
}

/* Styling for buttons on V2 (2014) */
.sfmButtonV2 {
	cursor: pointer;
	height: 30px;
	/* padding: 5px; 
	background-color: 4faede; */
	text-align: center;
	font-family: Roboto, Arial, Helvetica;
	font-size: 10pt;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #50aede;
}

.uppercase {
	text-transform: uppercase;
}

/* Styling for Superscript text */
.sup {
    vertical-align: super;
    font-size: .83em;
}
.modal-background {
    position: absolute;
    top: 0px;
    background-color: gray;
    opacity: .50;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 100;
    width:100%;
    height:100%;
    display: none;
}
.modal-content{
    background-color: white;
    left: 40%;
    position: absolute;
    top: 150px;
    z-index: 101;
    display: none;
}
.close{
   padding :5px;
   background: gray;
   opacity: 0.5;
   text-align: right;
}

.myboard{
    background-color: white;
    left: 0px;
    position: absolute;
    top: 150px;
    z-index: 101;
}