@charset "utf-8";
/* Styles used in different pages */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, ol, ul, li, fieldset, form, label, hr, dl, dd, dt {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img, a{
	border: 0;
}
:focus {
	outline: 0;
}
body {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1;
	color: black;
	background: white;
}
ol, ul {
	list-style:   none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
small {
	font-size:12px;
}
a {
	color: #003396;
}
a:visited {
    color: #586F93;
}
a:hover {
    color: #458CFF;
}

#header {
    margin: 0 auto;
    height: 138px;
    width: 100%;
	background:url(../images/header-bg.gif) repeat-x;
}
#header-content {
	width: 980px;
    height: 138px;
	margin: 0 auto;
}

#largePush {
	clear:both;
	margin:auto;
	background:#DF1C24 url(../images/largePush-gradientBg.gif) repeat-x top;
}

#container {
    width: 980px;
    margin: 0 auto;
}

#footer {
	clear:both;
	margin:auto;
	background:#FFF url(../images/footer-gradientBg.gif)  repeat-x top;
}
hr {
	clear:both;
	display:block;
	visibility:hidden;
}
hr.line {
	margin:5px 0 5px 0;
	border-top:#999 1px solid;
	visibility:visible !important;
}
.floatL {
	float: left;
}

.floatR {
	float: right;
}
.floatC {
	float: center;
}
.hidden {
	visibility:hidden;
}
.txtCenter {
	text-align:center;
}
.clear {
	clear:both;
}
.clearL {
	clear: left;
}
.clearR {
	clear: right;
}

/********************/
/*      Titles      */
/********************/

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 1.62em;
	line-height: 1.2em ;
	margin-bottom: 15px;
}
h2 {
	font-size: 1.2em;
	padding:9px 0 9px 0;
	font-weight:bold;
}
h3 {
	font-size: 1em;
	padding:7px 0 6px 0;
	font-weight:bold;
}
.lienDiscret:hover, .lienDiscret:active, .lienDiscret:link, .lienDiscret:visited {
	color:#000000;
	text-decoration:none;
}

/********************/
/*     Main Menu    */
/********************/

#mainmenu {
	float:right;
}

#gigatribeLogo img {
	margin: 10px;
	float: left;
	display: inline;
}

/* Onglets du menu principal */

.mainmenu-tabs {
	margin-top:56px;
	height:37px;
	float:left;
	/*width:760px;*/
	width:660px;
}

.mainmenu-tabs span {
	font-size: 13px;
}

.mainmenu-tabs ul {
	padding: 0 !important;
	margin: 0 0 0 8px !important;
	font-weight:bold;
	float:right;
}

.mainmenu-tabs  ul li {
	float: left;
	display: block;
	list-style: none;
	line-height: 32px;
	height:37px;
	padding: 0 8px 0 0;
	margin: 0 0 -1px 0 !important;
}

.mainmenu-tabs  ul li a {
	float: left;
	display: block;
	text-decoration: none;
	padding: 0 12px 0 17px;
	font-size: 13px;
	height:37px;
}

#mainmenu a:link, #mainmenu a:visited {
	color: #801C24;
	text-decoration:none;
}

#mainmenu a:hover, #mainmenu a:active {
	color: #D91C24;
	text-decoration:none;
}

.mainmenu-tabs ul li.selected {
	background: url(../images/mainmenu-tabs/tab_activeR.gif) top right no-repeat;
	color: #D91C24;
}

.mainmenu-tabs ul li.selected a {
	background: url(../images/mainmenu-tabs/tab_activeL.gif) top left no-repeat;
	color: #D91C24 !important;
}

.drop-menu {
	clear:both;
	float:left;
	/* padding:0 0 0 120px; */
	width:100%;		
}

/* Hack CSS pour IE7 seulement */
*:first-child+html .drop-menu {
	width: 660px;
}

.drop-menu ul li {
	float: left;
	display: inline;
	list-style: none;
	font-size: 13px;
	padding: 0 12px 0 25px;
	line-height: 19px;
}

.drop-menu ul li.selected a {
	color: #D91C24 !important;
}

.drop-menu ul li.inactive {
	color: #A6A6A6 !important;
	background: none;
}

/* bloc utilisateur connecté */

.identitifation {
	float:right;
	font-size:11px;
	height:10px;
	padding:7px 0 3px;
	text-align:right;
	width:600px;
}

.webthm {
	/*float:right;*/
	font-size:11px;
	height:10px;
	padding:1px 164px 0px;
	text-align:left;
	width:250px;
}



/********************/
/*      Pushs       */
/********************/

/* large */

#topLargePush {
	height:205px;
	width: 980px;
	margin: 0 auto;
	margin-bottom:1px;
	overflow: hidden;
	background: url(../images/push-bubbles.png) top right no-repeat;
}
#largePush h1{
	color:#FFFFFF;
	margin:20px 0 30px 20px;
	float:left;
}
#largePush h2{
	color:#FFFFFF;
	margin:0px 0 20px 20px;
	font-style:italic;
	float:left;
}
#largePush img{
	float:left;
}

/* small */

#topSmallPush {
	height:50px;
	width: 980px;
	margin: 0 auto;
}
#smallPush {
	clear:both;
	margin:auto;
	margin-bottom: 20px;
	background:#DF1C24 url(../images/largePush-gradientBg.gif) repeat-x center;
}
#smallPush h1{
	color:#FFFFFF;
	margin:10px 10px 10px 30px;
	float:left;
}
#smallPush img{
	float:left;
}

/********************/
/*     boutons      */
/********************/

.btSmallGreen, .btSmallGreen .left, .btSmallGreen .in, .btSmallGreen .right  {
	display:block;
}
.btSmallGreen a:link, .btSmallGreen a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
.btSmallGreen a:hover, .btSmallGreen a:active{
	text-decoration:none;
	color:#C1FA1F;
}
.btSmallGreen .left, .btSmallGreen .in, .btSmallGreen .right {
	height:18px;
	float:left;
	padding: 2px 0 5px 0;
}
.btSmallGreen .right, .btSmallGreen .left{
	width:4px;
}
.btSmallGreen .left{
	background:url(../images/bt-small-green-corner-left.gif) no-repeat;
}
.btSmallGreen .in{
	background: url(../images/bt-small-green-bg.gif) repeat-x;
}
.btSmallGreen .right{
	background:url(../images/bt-small-green-corner-right.gif) no-repeat;
}

.btSmallGold a:link, .btSmallGold a:visited{
	color:#664C15;
	text-decoration:none;
}
.btSmallGold a:hover, .btSmallGold a:active{
	color:#DF1C24;
	text-decoration:none;
}
.btSmallGold .left, .btSmallGold .in, .btSmallGold .right {
	height:18px;
	float:left;
	padding: 2px 0 5px 0;
}
.btSmallGold .right, .btSmallGold .left{
	width:4px;
}
.btSmallGold .left{
	background:url(../images/bt-small-gold-corner-left.gif) no-repeat;
}
.btSmallGold .in{
	background: url(../images/bt-small-gold-bg.gif) repeat-x;
}
.btSmallGold .right{
	background:url(../images/bt-small-gold-corner-right.gif) no-repeat;
}


.bigSilverButton {
	margin:5px 0 0 0 ;
	height:34px;
}
.bigSilverButton .bgcenter {
	float:left;
	display:block;
	height:34px;
	background:url(../images/mainmenu-bg-center.gif) repeat-x;
}
.bigSilverButton .borderleft{
	float:left;
	height:34px;
	width:6px;
	background:url(../images/mainmenu-bg-leftborder.gif) no-repeat;
}
.bigSilverButton .borderright{
	float:left;
	height:34px;
	width:6px;
	background:url(../images/mainmenu-bg-rightborder.gif) no-repeat;
}
.bigSilverButton .bgcenter{
	padding:7px;
}

/********************/
/* 	   container    */
/********************/

#topContainer {
	width:958px;
	height:100%;
    margin: 0 auto;
	padding: 0 0 0 20px;
}

/* Bloc 1/2 container */

.twoCol {
	width:455px;
	float:left;
	margin:15px 15px 0 0;
	overflow: visible;
}

/* Bloc 1/3 container */

.threeCol {
	width:300px;
	float:left;
	margin:15px 15px 0 0;
	overflow: visible;
}

/* Bloc 2/3 container */

.threeColDouble {
	width:615px;
	float:left;
	margin:15px 15px 0 0;
	overflow: visible;
}

/* Bloc 100% container */

.oneColPct {
	float:left;
	margin:15px;
	padding: 10px;
	overflow: visible;
}

/* Bloc 1/4 container */

.fourCol {
	width:220px;
	float:left;
	margin:15px 15px 0 0;
	overflow: visible;
}

/* Bloc 3/4 container */

.fourColTriple {
	width:690px;
	float:left;
	margin:15px 15px 0 0;
	overflow: visible;
}

/* Bloc 1.5/4 container */

.fourColTripleHalf {
	width:337px;
	float:left;
	margin:15px 15px 0 0;
	overflow: visible;
}

/* Bloc 4 container (full wide mega large!) */

.fourColFour {
	width:925px;
	float:left;
	margin:15px 15px 0 0;
	overflow: visible;
}

/* Bloc 1/4 superposés verticalement contenant des 1/4 */
.fourColVertical {
	width:235px;
	float:left;
	margin:0;
	overflow: visible;
}

/* Bloc 1/2 superposés verticalement contenant des 1/4, 1/2 */
.twoColVertical {
	width:470px;
	float:left;
	margin:0;
	overflow: visible;
}

/* Bloc 2/3 superposés verticalement */
.threeColDoubleVertical {
	width:625px;
	float:left;
	margin:0;
	overflow: visible;
}


/* Bloc 1/3 superposés verticalement */
.threeColVertical {
	width:315px;
	float:left;
	margin:0;
	overflow: visible;
}

.content {
	padding:0 9px 9px 9px;
	margin:0;
}

.header_cadenas_on {
	margin:0px 5px 0px 0;
	display:none;
}

.header_cadenas_off {
	margin:0px 5px 0px 0;
}

.noTitle {
	margin:5px 0 -8px 0;
}

.content h2{
	color:#E78020;
}
.content img{
	margin:3px 10px 3px 0
}
.content p{
	font-size:0.9em;
	margin:0 0 5px 0;
}
.content ul{
	margin:0 0 0 15px;
}
.content li{
	font-size:0.9em;
	margin:0 0 5px 0;
	list-style-image: url(../images/list-bullet-grey.gif);
	list-style-position:outside;
}


.quote{
	font-style: normal;
	padding:3px 0 3px 26px;
	display:block;
	background:url(../images/quote-open.gif) no-repeat;
	float:left;
}

.quoteOrange {
	background:url(../images/quote-open-orange.gif) no-repeat;
}
.quoteBlue {
	background:url(../images/quote-open-blue.gif) no-repeat;
}
.quoteGreen {
	background:url(../images/quote-open-green.gif) no-repeat;
}


.moreFromQuote {
	padding:0 0 0 26px;
	display:block;
	float:left;
}

.review h3 {
	padding-top:0;
} 

.reviewText {
	display:block;
	float:left;
	width:500px;
}

.review {
	clear:both;
	display:block;
	float:left;
	padding:0 0 15px 0;
	width:100%;
}

.review img{
	padding:0;
	margin:0 0 0 5px;
	vertical-align:middle;
}

.twoCol .imageLeft {
	width:260px;
}

.fullTesti {
	width:400px;
	display:block;
	float:left;
}
.fullTesti em{
	margin:0px 0 18px 0;
}

/* Round Corners */

.content {
	height:100%;
	margin-bottom:-6px;
}

.topleft, .topright, .bottomleft, .bottomright {
	height: 6px; 
	width: 6px;
	background-repeat: no-repeat;
	font-size:1px;
}
.topleft {
	background: url(../images/bloc-corner-top-left.png) !important;
	background: url(../images/bloc-corner-top-left.gif);
	float:left;
	clear:left;
}
.topright {
	background: url(../images/bloc-corner-top-right.png) !important;
	background: url(../images/bloc-corner-top-right.gif);
	float: right;
	clear:right;
}
.bottomleft {
	background: url(../images/bloc-corner-bottom-left.png) !important;
	background: url(../images/bloc-corner-bottom-left.gif);
	float:left;
	clear:left;
}
.bottomright {
	background: url(../images/bloc-corner-bottom-right.png) !important;
	background: url(../images/bloc-corner-bottom-right.gif);
	float: right;
	clear:right;
}

/* Special bloc backgrounds */

.blue{
	background:#F4FBFD;
}
.blue h2 {
	color:#27B8DA;
}
.blue li {
	list-style-image: url(../images/list-bullet-blue.gif);
	list-style-position:outside;
}
	  
.gold{
	background:#FEF9F4;
}
.gold h2 {
	color:#E78020;
}
.gold .btSmallGold {
	font-size:0.9em;
	font-weight:bold;
}
.gold .btSmallGold a{
	text-decoration:none;
}
.gold li {
	list-style-image: url(../images/list-bullet-gold.gif);
	list-style-position:outside;
}

.green{
	background:#FAFFEB;
}
.green h2 {
	color:#809A2D;
}
.green li {
	list-style-image: url(../images/list-bullet-green.gif);
	list-style-position:outside;
}

.inactive{
	background:#F7F7F7;
}
.inactive h2 {
	color:#D4D4D4;
}
.inactive p {
	color:#D4D4D4;
}


.grey{
	background:#F7F7F7;
	color:#5E5E5E;
}
.grey h2 {
	color:#A8A8A8;
}
.grey li {
	list-style-image: url(../images/list-bullet-grey.gif);
	list-style-position:outside;
}

/* en id, pour "rétrocompatibilité" */

#blue{
	background:#F4FBFD;
}
#blue h2 {
	color:#27B8DA;
}
#blue li {
	list-style-image: url(../images/list-bullet-blue.gif);
	list-style-position:outside;
}
	  
#gold{
	background:#FEF9F4;
}
#gold h2 {
	color:#E78020;
}
#gold .btSmallGold {
	font-size:0.9em;
	font-weight:bold;
}
#gold .btSmallGold a{
	text-decoration:none;
}
#gold li {
	list-style-image: url(../images/list-bullet-gold.gif);
	list-style-position:outside;
}

#green{
	background:#FAFFEB;
}
#green h2 {
	color:#809A2D;
}
#green li {
	list-style-image: url(../images/list-bullet-green.gif);
	list-style-position:outside;
}

#inactive{
	background:#F7F7F7;
}
#inactive h2 {
	color:#D4D4D4;
}
#inactive p {
	color:#D4D4D4;
}


#grey{
	background:#F7F7F7;
	color:#5E5E5E;
}
#grey h2 {
	color:#A8A8A8;
}
#grey li {
	list-style-image: url(../images/list-bullet-grey.gif);
	list-style-position:outside;
}


p.noTitle{
	margin: 0pt; 
	padding: 9px 0pt 0pt;
}


#subNavigation {
	background: url(../images/subNav-silver-bg-top.gif) no-repeat top;
}
#subNavigation .content{
	background: url(../images/subNav-silver-bg-bottom.gif) no-repeat bottom;
}
#subNavigation h2 {
	color:#666666;
}
#subNavigation li {
	margin:0.2em;
}


/********************/
/* 		Tables 		*/
/********************/

table {
	border-spacing:0;
	width:100%;
}
table caption {
	text-align:left;
	padding:5px 0 5px 0;
	font-weight:bold;
}
table thead {
	font-weight:bold;
	background:#FEF3E7;
}
#gold table thead {
	color:#E78020;
}
table tfoot {
	text-align:left;
	background:#FEF3E7;
}
table td, table th {
	border-top: #E78020 solid 1px;
	padding:6px;
	text-align:left;
}

table td.no-border {
	border-top: 0px;
	padding:0px;
	text-align:left;
}

#preferences table td, #preferences table th {
	border-top: #808080 solid 1px;
	padding:6px;
	text-align:left;
}

#preferences table {border-bottom: #808080 solid 1px;}

#applicant_content form table td, #applicant_content form table th {
	border-top : 0px;
	padding : 0px;
	margin : 0px;
	text-align : left;
}

th.number, td.number {text-align : center;}

table .yes {
	color:#E78020;
	font-weight:bold;
	background:url(../images/icon-ok.gif) no-repeat center top;
}
table .txtYes{
	color:#2db200;
}

/********************/
/* 		Form 		*/
/********************/

#passwordLevel {
	background: #ccc;
}

#passwordLevelMain {
	margin: 2px 10px 0 0;
	font-size: 9px;
}

#passwordLevelMain #passwordLevel,
#passwordLevelMain #passwordLevel span {
	line-height: 4px;
	font-size: 4px !important;
}

#passwordLevelMain a {
	display: block;
	margin: 0 0 3px 0;
}

#label_p2 {
	clear: right;
}

#field_emailNotifications {
	clear: right;
}

#label_emailNotifications {
	clear: both;
	float: none!important;
	display: inline!important;
	font-weight: normal;
}

.createUserInputText {
	float : right;
	width : 220px;
	margin-right : 10px;
}

.createTribeSelect {
	float : right;
	width : 226px;
	margin-right : 10px;
}

.inviteMemberInputRadio {
	display : block;
	margin-right : auto;
	margin-bottom:auto;
	margin-left : auto;
	margin-top:auto;
}

.createTribeInputRadio {
	float: right;
	margin-right: 10px;
}

.inputSubmit {
	float: right;
	margin-right: 10px;
}

.createInfo {
	margin-top: 18px;
	padding-top: 1.2em;
}

.info {
	padding : 5px 0 0;
	color : gray;
	font-size : 1.0em;
}

.info dt {
	clear : both;
	padding : 0;
	margin : 0;
}

.info dd {
	clear : both;
	padding : 0;
	margin-left : 10px;
}

form.create label {
	float: left;
	display: block;
	font-weight:bold;
	padding:10px 0 0;
	height: 22px;
}	

.field_name {
	display : block;
	font-weight : bold;
	float : left;
	padding : 10px 0 0 0;
	height : 22px;
}	

.field_value {
	display : block;
	float : right;
	width : 220px;
	padding : 10px 0 0;
	margin-right : 10px;
}

.alert_create {
	margin: 0 10px 0 0;
	clear: both;
}

.alert_tribe {
	margin : 0 10px 0 0;
	clear : both;
}

.alert_tribe_useful {
	margin : 0 10px 0 0;
	clear : both;
	font-size : 0.8em;
	background : #E78020;
	padding : 5px;
	color : #FFFFFF;
}

.page_number {
	text-decoration : underline;
	cursor : pointer;
}






input,textarea,select {
	margin:10px 0 0 0;
}

.alert {
	background:#E78020;
	font-size:0.8em;
	color:#FFFFFF;
	padding:5px;
}

.alert p{
	font-size:1.1em;
}

textarea.oneLine {
	height:1em;
	vertical-align: middle;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #333;
}

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

#hrFoot {
	margin:35px;
}
#footer hr {
	margin:0;
	padding:0;
}
#topFooter {
    width: 980px;
	height:100px;
    margin: 0 auto;
	color:#A6A6A6;
}

#footer ul{
	display:block;
	float:left;
	width:16%;
}
#footer li{
	margin:3px 0 0 0;
	padding-bottom:3px;
}

#footer a:link, #footer a:visited{
	color:#801C24;
	text-decoration: underline;
}

#footer a:hover, #footer a:active{
	color:#D91C24;
	text-decoration: underline;
}


#footer #info, #footer #sitemap{
	padding: 0 66px 0 66px;
	font-size:0.8em;
}
#footer #info{
	padding-top:24px;
}
#footer #sitemap{
	padding-top:14px;
}

#footer #sitemap h3{
	color:#A6A6A6;
	border-bottom:#A6A6A6 solid 1px;
	margin-right: 66px;
}


/**********************************/
/* 		Spéciaux contenus 		  */
/**********************************/

#note {
	font-size:0.8em;
}

#note a:link,#note a:visited,#note a:hover,#note a:active{
	text-decoration: none;
	color: black;
}


/* private Area top bloc */

.privateAreaTop {
	margin:0;
	padding:0;
}

p.connectedAs {
	margin: 0pt; 
	padding: 9px 0pt 0pt;
}

p.infosUpdate {
	margin: 0pt; 
	padding: 0pt; 
	font-size: 0.8em; 
	color: #999;
}

.privateAreaTop img {
	vertical-align: middle;
}

p#logOut {
	float:right;
	margin:0 6px 0 0;
	padding:0 0 5px 16px;
	background: url(../images/lock.gif) no-repeat top left;
}


/* Aide 1 minute guide */

hr.step {
	margin:20px 0 20px 0;
	border-top:solid 1px dotted ;
}



/* bannières */

p.banner {
	margin-top:5px;
	margin-bottom:20px;
}

p.banner br{
	margin-bottom:8px;
}

/* Themes */

.theme {
	display:block;
	padding: 20px 0 20px 0;
	clear:both;
}
.theme  p {
	float:left;
	width:420px;
	display:block;
}
.themeBan {
	float:left;
	width:420px;
	text-align:right;
	background-image: url(../images/avatar.png)!important;
	background-repeat:no-repeat;
	background-position:5px 5px;
	margin: 0 20px 0 0;
	border:1px solid #CCCCCC;
}
.themeBan img {
	margin:0 !important;
	padding:0 !important;
}
.theme .bigSilverButton {
	float:left;
}

# gp_array dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
		font-size:0.9em;    
    font-weight: bold; 
    padding: 0 10 0 0;
  }
# gp_array dd {
	font-size:0.9em;	
  /*margin: 0 0 0 210px;*/
  padding: 0 0 0.5em 0;
}

/* ToolTip */

.tooltip {outline:none; 
position: relative;}

.tooltip strong {line-height:30px;}

.tooltip:hover {text-decoration:none;} 

.tooltip span {
    z-index:10;display:none; padding:15px 15px;
    margin-top:7px;
	margin-left: -60px;
    /*width:240px; */
	line-height:16px;
	border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
	
}
.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}

.tooltip td {
	border: none;
	margin: 0px;
	padding: 0px;
}

.tooltip .xpColumn {
	clear: both;
	float: left;
	width: 70px;
	text-align: right;
}

.tooltip .titleColumn {
	margin-left: 80px;
}
.tooltip .top{
	background-color: rgb(200,200,200);
	font-weight: bold; 
}
.tooltip .gptsName {
	clear: both;
	float: left;
	width: 190px;
	text-align: left;
}

.tooltip .gptsValue {
	margin-left: 210px;
	width: 70px;
}