ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a{  text-decoration: none;}

a:hover{  text-decoration: underline;}

body, td{  margin: 0;  padding: 0;  font-family: Arial, Verdana, sans-serif;  font-size: 11px;  /*background-color: #fff;*/}

body{  background-color: #ccc;}

a:link {color: #D7191C;}
a:visited {color: #D7191C;}

#site {background: url('/images/sg_fond_site.gif') repeat-y  #fff; width:968px; margin: 0px auto; padding: 0px;}

.form_error { color:red; font-size:11pt;}
.bold {font-weight: bold;}

#header {margin:0px 40px;}
#header_header {padding: 20px 0px;}
#logo {}
#header_right {float: right; clear: right; text-align: right; width:65%;}

#cms_content {width: 540px; background: #f3f3f3; padding: 10px; margin: 0px;}
#cms_content_unique {background: #f3f3f3; padding: 10px; margin: 0px;}
#cms_content TD {border: 1px solid transparent;}
#cms_right {float: right; margin-left: 10px; border-left: 1px solid #e3e3e3; padding: 10px;   text-align: justify;    width: 290px;}
#cms_right TD {padding: 2px;}
#cms_content .description {width:400px; height: 200px; font-size: 12px; border: 1px solid #ccc;}
#cms_content UL, #cms_right UL {padding-left: 15px;}

#footer {border-top: 5px solid #e9e9e9; width: 880px; margin: 100px 0px 0px; clear: both; padding-bottom: 100px; color: #b4b4b4;}
#footer a {color: #b4b4b4;}

#sitemap {border-top: 2px dotted #eb2d2d; margin: 20px 0px; width: 560px; clear: both;}
#sitemap ul {display: block; list-style: none;}
#sitemap ul li { float: left; width: 92px;}
#sitemap ul li a {font-size:12px; color: #333;float: left; display: block; width: auto; clear: left;}
#sitemap ul.level2 li {display: block; float: none; margin: 0; padding: 0;}
#sitemap ul.level2 li a {font-size:10px; color: #999; display: block; float: none;}

#testimony {float: right; margin: 20px 0px 0px 10px; clear: both; border-left: 1px solid #e3e3e3; padding: 10px;   text-align: justify;    width: 290px;}
#testimony_title {background-color: #e4e4e4; color: #000; font-size: 12px; width: 304px; text-transform: uppercase; padding: 3px; font-weight: bold;}
.photo_testimony {float: left; width: 70px; margin: 10px; clear: both;}
#testimony HR {border: 0px; height: 1px; display: block; background: #ccc;}

#btn_login {display:block; float: right; background: url('/images/sg_fond_btn_login.gif') repeat-x; color: #fff; height: 21px; width: 90px; text-align: center; line-height: 18px; margin: 0px 0px 10px 10px;}

#loginform SPAN {display: block; float: left; width: 75px; vertical-align: top; text-align: right; padding-right: 5px;}
#loginform .field {border: 1px solid #ccc; width: 200px;}

#box_search {border: 1px solid #ccc; color: #666;}

.registrationform .field {border: 1px solid #ccc; width: 300px; height: 20px; }
.registrationform .textfield {border: 1px solid #ccc; width: 300px; height: 60px; }
.part_sup DIV {height:23px;}
.part_sup DIV .label, .registrationform DIV .label{ float: left; width:15%;  vertical-align:middle; text-align:right; padding-right: 10px; }
.registrationform {font-family: Arial, Verdana, sans-serif; font-size: 12px;}

.registrationform input:hover, .registrationform input:focus, .registrationform textarea:hover, .registrationform textarea:focus { background-color: #CCC;}
.registrationform span { display:block;}
.registrationform .submit
{
width: 56px;
height: 20px;
background: url('/images/sg_envoyer.png') no-repeat;
border: none;
}

#agenda TD {padding: 0;}

TABLE.list {width: 520px;}
TABLE.list TH, TABLE.list TD {padding: 2px; text-align: center;}
TABLE.list TH {border: 1px solid #000; background: #ccc;}

#search_result {font-size: 12px;}
#search_result a {padding: 2px 0px;}

.tdwhite {background-color: #fff;}

/*** Style pour modules***/
.module { display:block; z-index:2; margin-bottom:20px; padding:0px; width: 100%; }
.module .top {background: url(/images/header_module_sg.png) ; height: 25px; color: #fff; font-weight: bold; line-height: 25px; text-indent:10px;text-transform:uppercase; *width: 100%; !width: 100%;  }
.module .header {background-color: #F7FDFF ; height: 25px; color: #467094; font-weight: bold; line-height: 25px; text-indent:10px;text-transform:uppercase;}
.module .header,.footer {width:100%;}
.module .bottom {background-color: #ffffdf; height: 20px; !width: 100%; *width: 100%;}
.module .bottom .linkmore A {padding: 0px 2px;}
.module .bottom .linkmore A:hover {text-decoration:underline; }

.middle div.tr div.title {width:28%; height:100%; vertical-align:top; display: inline-block; text-align: right; padding-right:5px;}
.middle div.tr div.text {width:68%; display: inline-block; text-align: left; padding-left:5px;}
.middle div.tr div.buttons {width:98%; display: inline-block; text-align: center; padding-left:5px;}
.middle div.tr div.text select{margin-top:8px;}
.formfield { width:100%;}

/***  Style spécifique aux descriptions acceptant de l'HTML  ***/
.description_html li{list-style-type: disc !important;	margin-left:20px !important;}
.description_html ul{padding-left:20px !important;}

.fontRed{ color: #A90000 !important;}
.floatRight{ float:right; }
.floatLeft{ float:left; }
.bgWhite{ background-color:#fff !important; }
.fontColorBlack{ color:#000 !important; }
.fontColorGray{ color:#666 !important; }
.font_normal{ font-weight:normal; }
.leftpadding10{ padding-left:10px; }
.fontBold {font-weight:bold; }
.fontItalic {font-style:italic; }
.fontSize8{font-size:8pt; }
.fontSize10{font-size:10pt; }
.fontSize7{font-size:7pt; }
.textJustify{ text-align:justify;text-justify:distribute; }
.textAlignLeft{ text-align:left; }
.textAlignRight{ text-align:right; }
.textAlignCenter{ text-align:center; }
.textUnderline{ text-decoration:underline; }
.uppercase{ text-transform:uppercase;}
.capitalize{  text-transform: capitalize; }
.relative{ position:relative;}
.inherit{ width:inherit;}
.width100{ width:100%;}
.width70{ width:70%;}
.width75{ width:75%;}
.width65{ width:65%;}
.width50{ width:50%;}
.width35{ width:35%;}
.width30{ width:30%;}
.width25{ width:25%;}
.width20{ width:20%;}
.width10{ width:10%;}
.margin5{ margin:5px; }
.margin10{ margin:10px; }
.margin20{ margin:20px; }
.marginRight30{ margin-right:30px;}
.marginRight10{ margin-right:10px;}
.marginLeft30{ margin-left:30px;}
.marginLeft10{ margin-left:10px;}
.paddingRight30{ padding-right:30px;}
.paddingLeft30{ padding-left:30px;}
.paddingSide20{ padding-left:20px;padding-right:20px;}
.paddingLeft5{ padding-left:5px;}
.padding5{ padding:5px;}
.padding0{ padding:0px !important;}
.padding5DoubleSide{ padding:5px 10px;}
.tableCell{ display:table-cell; padding:0 !important;}
.verticalAlignTop{ vertical-align:top;}
.verticalAlignMiddle{ vertical-align:middle;}
.verticalAlignBottom{ vertical-align:bottom;}
.tableRow{ display:table-row;padding:0;width:inherit;}
.table{ display:table;border-collapse:collapse;}
.block{ display:block;}
.inline{ display:inline;}
.displayNone{ display:none;}
.borderSolidBlack{ border: 1px solid #000;}
.borderColorGray{ border-color: #666;}
.borderTopDottedBlack{ border-top: 1px dotted #000;}
.borderBottomDottedBlack{ border-bottom: 1px dotted #000;}
.bgWhite{ background-color: #fff; }
.bgDefault{ background-color: #C4E0F5; }
.cartouche_unread{ background-color: #E5F6FD; }
.shadowed { border:1px solid #BDBDBB; -webkit-box-shadow:0 0 2em #BDBDBB;	-moz-box-shadow:0 0 2em #BDBDBB; filter:progid:DXImageTransform.Microsoft.Glow(Color=#BDBDBB,Strength=3);}
.rounded {  border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; }
.word-break {text-wrap: unrestricted; white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word;}
.opacity50{ opacity: 0.5;	-moz-opacity: 0.5; filter : alpha(opacity=50); }
.pointer{ cursor: pointer;}

#upd_msg { width:90% !important; text-align: center; margin:0% 5%;}

.update {background:#fff; border: 1px solid;}
/*.green {border-color: green; background-color: #afa;}
.red {border-color: red; background-color: #faa;}*/
.green, .red {font-size: larger; font-weight: bold; padding: 5px; margin: 5px auto;}
.green {color: green;}
.red {color: red; }

.greenDiv {background-color: #38AE66;}
.redDiv {background-color: #CE5252; }

div.auto_complete {
  background-color:white;
  border:1px solid #888;
  margin:0px !important;
  padding:0px !important;
  z-index:1000;
}
div.auto_complete ul {
	border:0px !important;
	list-style-type:none;
  margin:0px !important;
  padding:0px !important;
}
div.auto_complete ul li.selected { background-color: #ffb;}
div.auto_complete ul li {
  list-style-type:none;
  display:block;
  margin:0px;
  padding:3px;
  cursor:pointer;
}

/*** pour le calendar du serious game uniquement ***/

.linkmore A { color:#4E8DBA !important;  font-weight:bold; padding: 4px 8px 4px 20px;}
.linkmore A:hover { text-decoration: none;}


/**************** BROWSE TABLE CSS **************/

#searchForm .filter{ background-image: url('/images/btn_filter.png'); border:1px solid transparent; margin: 0px 10px; width:63px; height:34px;}
#searchForm .filter:hover{border:1px solid #555;}
 
#BrowseTable {display:block; background-color:#fff; z-index:0;}
#BrowseTable > div {display:block; min-height:15px;}
#BrowseTable .bottomBar,#BrowseTable .topMiddleBar, #BrowseTable .alphaBar {text-align:center;  padding:6px 0;}
#BrowseTable .debugBar {color:#000; text-align:center;  padding:10px 0; font-size:10pt;}
#BrowseTable .topBar {color:#000; padding:6px 0; font-size:10pt;}
#BrowseTable .middleBar h1,#BrowseTable .middleBar h2{color:#000;}
#BrowseTable .alphaBarContener { background-color:#fff; }
 
#BrowseTable a.navLink {cursor: pointer; margin:0px 5px; padding:2px 5px; border:1px solid #BB291B; background-color:white; color:#BB291B; font-weight:bold; text-decoration:none;}
#BrowseTable a.navLink:hover {text-decoration:none;background-color:#BB291B;color:#fff;}
#BrowseTable a.selected {background-color:#D67C7F;color:#fff;}
#BrowseTable a.alpha {width: 10px; margin-bottom:2px;}
 
#BrowseTable .topBar span > span {display:inline; margin:0px 3px; padding:2px 5px; *line-height:30px; *height:30px;}
#BrowseTable span.sortLink {cursor: pointer; border:1px solid #e6e7e8; background-color:white;color:#BB291B;}
#BrowseTable span.sortLink:hover {background-color:#D67C7F;color:#fff;}
#BrowseTable span.selected {background-color:#D67C7F;color:#fff;}
#BrowseTable span.sortTitle {width:100px; }
span.sortResult {text-align:center; *float:right; *display:inline; *width:200px; *margin-right:10px;}
 
#BrowseTable .ajaxLoad {position:relative;margin:10px 48%;padding:10px 10px; width:16px;zIndex:10;}
  
#BrowseTable .cartouche {background-color:#fff;width:100%;padding:1% 5%;height:100px; border-bottom: 1px solid #c6c6c6;}
#BrowseTable .cartouche:hover {background-color:#e5f6fd;}

#profils li.selected, #sens_list li.selected, #status_list li.selected{ background-color: #ffb;}
#profils li, #sens_list li, #status_list li{ padding:5px;}
div.select_like{ cursor: pointer; display:inline-block; width:110px; border:1px solid #aaa; margin: 0px 10px; padding:2px 2px 2px 10px !important; zoom: 1; *display: inline; *height:20px;}

#profilTagName { position:absolute; margin-left:-202px; width:190px; padding:2px 2px 2px 10px; border:0px; border-left:1px solid #999 !important; z-index:20;}
#onglet #other_folders li{ margin:0px; display:block; width:200px; background:url(/images/bg_tab.png) repeat-x 0px -4px !important;}
#onglet #other_folders li:hover {background: url(/images/bg_tab-over.png) repeat-x 0px -4px !important;}
#onglet #other_folders li.selected {color:#000; background:#fff !important; cursor: auto;}
#onglet ul, #onglet li { list-style-type:none; cursor: pointer;}
#onglet li {float:left; color: #666; padding:4px 10px; border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; text-transform:uppercase; background: #f3f3f3; margin-top:-2px; margin-right:5px; font-weight: bold;}
#onglet li:hover {background: #666; color:#fff;}
#onglet li.selected {color:#fff; background:url("/images/header_module_sg.png") repeat scroll 0 0 transparent; cursor: auto; border:1px solid transparent;}

#action { float:right; display:inline; width:30%;}
#action ul, #action li { list-style-type:none; cursor: pointer;}
#action li {float:right; padding:4px 10px; text-transform:capitalize; margin-right:5px; font-weight: bold;}
#action #action_selected {font-weight:bold; color:#000; background:#fff;}
 
.listing {margin:0; padding:0; background-color:#fff; width:100%; border-bottom: 0.5px solid #e6e6e6; border-top: 0.5px solid #e6e6e6; font-size: 12px; cursor:pointer;}
.listing .name {font-size:16px; font-weight: bold;}
.listing .name A, .people .name A:visited {text-decoration: none;}
.listing .name A:hover {text-decoration: underline;}
.listing .job {font-weight: bold;}
.listing .company {font-weight: bold;}
.listing .category {font-size: 14px; font-weight: bold; text-align: right;}

#SEContener { z-index:2; background:#fff;color:#000;}
#SEContener FORM { margin: 0px 10px;}
#SEContener TABLE { width:100%;border-collapse:collapse;}
#SEContener TR {line-height:20px;vertical-align:middle;}
#SEContener TR .small{height:15px;}
#SEContener TD {padding:0px 5px;}
#SEContener INPUT[type=text],#SEContener IMG { position:relative; height:18px; border:none; margin:0px; background: white; padding:2px;}
#SEContener INPUT[type=text] {background:transparent; font-size:15px;  width:95%; z-index:5;vertical-align:top; padding-left:30px; border:1px solid #999;}
#SEContener INPUT[type=checkbox] { position:relative; padding: 5px 0px 0px 5px;}
#SEContener SELECT { position:relative; background: #fff; height:32px; margin:0px 5px;}
#SEContener INPUT[type=submit] {position:relative;}
#SEContener IMG {z-index:2;}
#SEContener A {text-decoration:none;color:#000;background:transparent;}
#SEContener A:hover {text-decoration:underline;}
#SEContener LI { list-style-type: none;}

/**************** BUTTONS CSS **************/
A >DIV.btn_accept {height: 19px; padding: 5px 0 0 !important;}
INPUT.btn_accept { height: 24px; padding-bottom: 4px; }
.btn_accept {background: url(/images/lets_meet_sprite_sg.png) 0 -80px no-repeat; width: 91px;  border: 0px none; color:#fff; font-weight:bold;  font-size: 12px; cursor: pointer;}
.btn_accept:hover {background-position: 0 -110px;}
.btn_accept.big {background-position: 0 0px; width: 136px !important; !padding: 0px !important; *padding: 0px !important; height: 36px !important; font-size:19px;}
.btn_accept.big:hover {background-position: 0 -40px;}
.meetings_plus2 {display: inline-block; width: 62px; margin-left: 5px; !padding: 0px !important; *padding: 0px !important; border: 1px solid #d2d2d2 ; color:#000 !important; font-size:8pt;  background-color:#efefef; height:16px; cursor: pointer; text-align:center;}
.meetings_plus2.big{width: 136px !important; height: 36px !important; font-size:19px;}
.meetings_plus2:hover {border: 1px solid #9e9e9e;}


/** Popup Ask meeting **/
 #popup .middle a {color:#666600;}
 #popup .middle {padding: 0px 5px; background-color:#fff;  color:#000;}
 #popup .middle ul,li {list-style-type:none;}
 
 #popup .formfield { width:100%; position: relative;}
 #popup .readonly { background:white; border:none;}
 #popup div.tr { display:block; height:40px;}
 #popup div.tr >div {display:inline; padding-top:4px;}
 #popup div.title {float:left; width:15%; padding:0px 3px; text-decoration:underline; vertical-align:top;}
 #popup div.header {width:96%; padding:1% 2%;}
 #popup div.text {float:right; width:80%; padding:0px 3px; }
 #popup div.button {width:47%;}
 
 
 /**************** STATUT DES MEETINGS **************/
.status:hover{ text-decoration:none !important; }
.status {font-size:13px; text-align: center; height: 14px; line-height: 14px; font-weight:bold; padding: 5px 0 !important; }
.accepted {color: #37b34a !important; }
.declined {color: #ff0011 !important;}
.dial {color: #1584BD !important; }
.pending {color: #f7982a !important; }
.canceled {color: #757677 !important;}
.postponed {color: #c67dbc !important;}
.premium {color: #ff0011 !important;}

/*** Fonds dégradés *****/
.bg_grey_degrade{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE4E6E5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE4E6E5)"; 
	background: -webkit-gradient(linear, left top, left center, from(#FFFFFF), to(#E4E6E5)); 
	background: -moz-linear-gradient(top,#FFFFFF,#E4E6E5); 
	color:#666666;
	padding:5px 10px;
}

.bg_orange_degrade{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF0D56A, endColorstr=#FFF0A669);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF0D56A, endColorstr=#FFF0A669)"; 
	background: -webkit-gradient(linear, left top, left center, from(#F0D56A), to(#F0A669)); 
	background: -moz-linear-gradient(top,#F0D56A,#F0A669); 
	color:#2E2828;
	padding:5px 10px;
}