/* 
$Rev:$
fait à partir de v2.2d de GigaTransfert
// MYGIGAMAIL
chgt de gris clair à bleu pour centre_left
add center, left, bold
add right, overflow, certer_me etc
modify .bottom

*/

/* link par défaut*/
/* les valeurs par défaut se retrouvent sur tous les autres styles */
a {color:#000000}
a:link { text-decoration:underline;  }
a:visited { text-decoration:underline;    }
a:hover { text-decoration:none;  color:#777777; }
a:active { text-decoration:none;  }
a:focus { text-decoration:none;  }

/* link  normal */
a.normal:hover {  font-weight:normal; }
/* link en gras et couleur par défaut */
a.bold{  font-weight:bold }

/* link en gris et petit sur les liens des fichiers */
a.grey { color:#777777 }
a.little_grey  { color:#777777; font-size:8pt }
/*a.grey:link, a.little_grey:link  , a.grey:visited, a.little_grey:visited  { text-decoration:underline;  }*/
/*a.grey:hover,a.grey:active , a.grey:focus  { text-decoration:none;  }*/
a.grey:hover , a.little_grey:hover {font-weight:bold}



/* link pour les footer et les faqs */
a.bottom_links,a.faq{ font-size:8pt;color:#777777}
a.bottom_links:link { text-decoration:none}
a.bottom_links:visited{text-decoration:none}
a.faq:link, a.faq:visited { text-decoration:underline;}
/*a.faq:hover { text-decoration:none;  color:#FF6600;  font-weight: normal }*/
a.bottom_links:hover, a.faq:hover{text-decoration:none; color:#000000; font-weight:normal}

/*liens où on ne voit rien*/
a.nothing {color:#000000  }
a.nothing:link { text-decoration:none;  }
a.nothing:visited { text-decoration:none;    }
a.nothing:hover { text-decoration:none; color:#000000  }
a.nothing:active { text-decoration:none;  }
a.nothing:focus { text-decoration:none;  }


/* global styles for elements */
html {
	background-color: #2D5298; /* fall-back */
	background : -moz-linear-gradient(left, #244276, #3C6CCD);
	background : -webkit-gradient(linear, left top, right top, color-stop(0%,#244276), color-stop(100%,#3C6CCD));
	background : -webkit-linear-gradient(left, #244276 0%, #3C6CCD 100%);
	background : -o-linear-gradient(left, #244276 0%, #3C6CCD 100%);
	background : -ms-linear-gradient(left, #244276 0%, #3C6CCD 100%);
	background : linear-gradient(left, #244276 0%, #3C6CCD 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244276', endColorstr='#3C6CCD',GradientType=1 );
}

BODY {font-family: Arial, sans-serif; font-size:10pt; line-height:100%; color:#000000 ; margin:3px 0px 0px 0px; text-align:center}


/* this background changes in dev styles for dev server*/
TABLE { padding:0px;	 border:0px solid #000000; border-collapse:collapse; background-color:transparent}
TD {padding:0px; border:none}
IMG {border:none}
INPUT, TEXTAREA{font-family: Arial, sans-serif;}
TEXTAREA {resize:none}
B {font-weight:bold}

/* global styles for all pages */
/* text format */
.T6, .T6B, .T6C, .T6CB	{ font-size:7pt; color:#000000;	line-height: 150%; margin-top: 0;	margin-bottom: 0  }
.T8, .T8B, .T8C, .T8CB	{ font-size:8pt; color: #000000;	line-height:150%; margin-top: 0;	margin-bottom: 0 }
.T10, .T10B, .T10C, .T10CB 	{ font-size:10pt; color: #000000;line-height: 150%; margin-top: 0;	margin-bottom: 0}
.T12, .T12B, .T12C, .T12CB 	{ font-size:12pt; color: #000000;	line-height: 150%; margin-top: 0;	margin-bottom: 0  }
.T6C, .T8C, .T10C, .T12C, .T6CB, .T8CB, .T10CB, .T12CB { color:#777777 }
.T6B, .T8B, .T10B, .T12B, .T6CB, .T8CB, .T10CB, .T12CB  { font-weight:bold }

/* colored text */
.title_chapter {font-size:16pt;color: #000066; font-weight: bold ; text-align:center; vertical-align:middle; height:50px; line-height:100% }
.title_colored {font-size:10pt;color:#000000; font-weight:bold;background-color:#99CCFF;}
.red {color:#F50000}
.blue {color:#000066 }
.grey {color:#777777 }
.center {text-align:center}
.left{text-align:left}
.right{text-align:right}
.bold {font-weight:bold}
.center_me{margin-left:auto; margin-right:auto}
.hide_overflow{overflow:hidden; white-space:nowrap}
/* colors for logo letter*/
.logo {font-family:Trebuchet MS; color:#000066}
.blue2 {color:rgb(149,202,253)}

/* centre default div*/
#div_default, #div_new , #div_message, #div_downlaod { width:800px;  vertical-align:top; margin-left:auto; margin-right:auto; text-align:left}

/* buttons & input styles */
td.bouton , p.bouton , div.bouton {width:100px; padding:3px; text-align:center; vertical-align:middle}

input.bouton, button.bouton {font-size: 10pt; color:#000000; text-align:center; font-weight:bold; width:100%; height:30px;	border:none;background-color:#99CCFF}

input.bouton-ON, button.bouton-ON {font-size: 10pt; color:#99CCFF;color:#FFFFFF; text-align:center; font-weight:bold; width:100%; height:30px;	border:none;  background-color:#000066; background-color:#0033CC;background-color:#3399FF;}

input.fill_grey, input.fill_black_100 { font-size: 10pt; text-align:left; color: #777777; line-height: 100% }
input.fill_black_100 {color: #000000; width: 100%}

/* buttons & input styles 
table.bouton {text-align:center;font-family: Arial, sans-serif}
td.bouton , p.bouton , div.bouton {width:100px;padding:3px ;text-align:center;vertical-align:middle}

input.bouton, button.bouton {font-family: Arial, sans-serif;font-size: 10pt; color:#000000; text-align:center; font-weight:bold; width:100%; height:30px;	border:none;background-color:#99CCFF}
input.bouton-ON, button.bouton-ON {font-family: Arial, sans-serif;font-size: 10pt; color:#99CCFF;color:#FFFFFF; text-align:center; font-weight:bold; width:100%; height:30px;	border:none;  background-color:#000066; background-color:#0033CC;background-color:#3399FF;}

input.saisie, input.saisie2 { font-family: Arial, sans-serif; font-size: 10pt; text-align:left; color: #777777; line-height: 100% }
input.saisie2{color: #000000; width: 100%}
/********* end ************/

/* index styles*/
#main {width:1000px; border:none; padding:0px; text-align:left; vertical-align:top; background-color: #FFFFFF ;
margin-left: auto;  margin-right: auto;} /* margin:auto center the element in FF, not in IE. needs text-align:center on the contener*/

#main {
	-moz-box-shadow: 0 0 15px 5px #244276;
	-webkit-box-shadow: 0 0 15px 5px #244276;
	-o-box-shadow: 0 0 15px 5px #244276;
	-ms-box-shadow: 0 0 15px 5px #244276;
	box-shadow: 0 0 15px 5px #244276;
}

#header-container, #bottom-container { 
	position:relative;
	height:100%;
}

#title  {height:80px; vertical-align:middle;  text-align: center; 
	border:none;  padding-top:5px; padding-bottom:0px; padding-left:0px; padding-right:0px; 
	font-size:16pt; line-height:100%; font-weight:bold; color:#4D4D4D }

#centre {border-top:5px solid #999999; padding:0px; vertical-align:top; }
#centre_left  { width:170px; height:610px; padding-top:10px; padding-bottom:0px; text-align:center; vertical-align:top; 
border-right:1px solid #999999; background-color:#F5F5F5 }
#centre_right{ width:830px; height:575px; padding-top:10px; padding-bottom:0px; vertical-align:top}

/*
#centre_left  { width:150px; height:100%; padding-top:10px; padding-bottom:0px; text-align:center; vertical-align:top; border-right:0px solid #999999; background-color:#FFFFFF; background-image: url("images/bkg_centerleft.png");  background-repeat: repeat-y}
*/

#bottom {height:35px; border-top:0px solid #999999; background-color:#F5F5F5;  }
#bottom-container {padding-top:5px; padding-right:5px;  padding-left:5px;}
.bottom_text	{font-size: 8pt; color:#777777 }
#bottom_left{width:200px; text-align:left}
#bottom_centre{padding : 0px 3px; text-align:center}
#bottom_right{width:200px; text-align:right}
#bottom_right img { vertical-align:middle}
td.bottom_links	{ font-size: 8pt;color: #777777; vertical-align:top; border-left:solid 1px #999999; padding-left:5px; padding-right:5px  }

#bottom-smokescreen , #header-smokescreen, #centre-smokescreen{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none; 
	background-color:#FFFFFF;
	
}
#bottom-smokescreen , #header-smokescreen, #centre-smokescreen{
	opacity:0.7;
	zoom:1;
	filter: alpha(opacity=70);

}
/********* end ************/


/* menu frame styles */
#menu_frame {height:600px; width:160px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px}
#menu_bloc {text-align:left; vertical-align:top; width:100%; padding:0px; margin: 0px; }


/* menu frame styles 
#menu_table {margin-top:0px}
td.menu_item {width:100%; vertical-align:middle; text-align:center}
p.menu {padding:0px; margin:0px}
span.menu_big{font-size:12pt}
/*  #menu0 {width:70} possibilité de modifier les dimensions de chaque case de menu*/
/* menu cells*/
/*tr.menu {width:110px; height:35px; text-align:center;vertical-align:middle}*/

/*
td.menu {width:110px; height:35px; text-align:center;vertical-align:middle; font-size:8pt;font-weight:bold ;border:2px solid #99CCFF;padding:2px}

#id_bloc {width:100%; vertical-align:bottom}
#id_table {width:100%; height:100%; padding:2px;vertical-align:bottom }
#div_id_td  {text-align:right;vertical-align:bottom; width:100%; }
#div_logon, #div_logoff {height:75px; text-align:center;vertical-align:bottom}
#wrong_id {font-size:8pt; color:#FF6600; color:#FF0000; font-weight:bold}

/********* end ************/

/* home page 
#subtitle { height:50px; line-height:100%; text-align:center; vertical-align:middle}
#scrolling_message { font-size:12pt;font-weight:bold;color:#4D4D4D}
#home_text { line-height: 150%; vertical-align:top}
#home_text B{font-size:12pt; color:#000066}
/********* end ************/

/* 'send_id' page 

#wrong_id {font-size:8pt; color:#FF0000; font-weight:bold}


#div_send_id { width:800px;  vertical-align:top; border-collapse:collapse; padding:0px 10px 0px 10px }
#sID_cadre_identification {width:100%; margin-left:30px}
#sID_cadre_bottom{width:700px;visibility:visible; font-size:10pt;margin-top:10px; padding-left : 30px; border:none}
#sID_cadre_error {width:550px; text-align:center; vertical-align:middle; padding:10px; border:0px none #FF6600 }
#sID_cadre_button {width:150px;visibility:visible;font-size:10pt;  text-align:center; border:none}
#send_button { text-align:center; vertical-align:middle;border:none}
#mail_err {color:#FF6600; color:#FF0000; font-weight:bold; width:100%;  line-height: normal; vertical-align:middle}
/********* end ************/

/* send & depot page */
/*#send_main {width:800px; text-align:center; vertical-align:top; }*/
#send_main {width:800px; text-align:center; vertical-align:top; margin-left:auto; margin-right:auto}
#send_left {width:450px; vertical-align:top; text-align:left; background-color:#99CCFF; line-height:100%}
#send_middle{width:20px;background-color:#99CCFF; border-style:none}
#send_right{width:320px; text-align:left; vertical-align:top; padding:0px}

/*#send_main TABLE { border-collapse: collapse  }*/
#send-smokescreen , #send-smokescreen-wrapper {
	position:absolute; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0; 
}
#send-smokescreen { 
	background-color:#FFFFFF; 
	opacity:0.7
}
#send-smokescreen{ 
	zoom:1; 
	filter: alpha(opacity=70)
}

#div_upload {
	visibility:visible; border:none; width:100%;height:100%;
	}
#div_follow_upload {
	position:absolute; 
	width:620px; 
	top:60px; 
	left:90px; 
	padding:0px; 
	margin:0px;  
	background-color:#DDDDDD; 
	border:2px solid #999999;	
}
#div_error { 
	position:absolute; 
	width:600px; 
	top:100px; 
	left:90px; 
	margin:5px 10px 5px 10px; 
	background-color:#DDDDDD;  
	z-index:1;
}
#div_error_table { border:1px solid #FF6600; width:80%; vertical-align:top}/* height=80px deletd */
#div_password td {text-align:right; border-width:1px; border-style:dotted;border-color:#777777; padding:5px}
#div_upload_script{display:none; border:none; width:0px; height:0px}
/*#depot_left{width:500px; vertical-align:top; background-color:#99CCFF}*/
/*#depot_middle{width:20px;background-color:#99CCFF; border-style:none}*/
/*#depot_right{width:400px; vertical-align:top;padding:0px }*/


/* send form */
td.mail_left { background-color:#99CCFF;color: #000000; padding:2px; font-size:10pt; font-weight:bold }
td.mail_left {width:50px;}
td.mail_right {width:400px}
div.mail_right {width:400px; background-color: transparent; overflow:hidden; white-space:nowrap}
/*.mail_right {width:100%; font-size: 10pt; color: #000000; vertical-align:middle}*/
input.mail, textarea.mail{width:100%; font-family: Arial, sans-serif;font-size:10pt; color: #000000;}
/* file form*/
div.filename{line-height:130%; overflow:hidden ; margin-left:2px; margin-right:2px}
div.file_upload {height:30px}
input.file_upload {font-family: Arial, sans-serif; font-size: 10pt;text-align:left}
#send_main div.filename{width:230px}
#send_main div.file_upload, #send_main input.file_upload {width:300px}
#file_upload_list{position:relative}
div.file_upload{ position:relative}
#div_file_list {position:absolute; display:block; overflow:hidden;}

td.file_list_0{padding-bottom:3px; border-bottom:1px solid #000099}
td.file_list_1{padding-bottom:0px; padding-top:2px; border-bottom:1px dotted #000099}

#gigaT-wrapper {background-color:#FFFFFF; margin:50px 10px 50px 10px; border:3px solid #4083c8}
#gigaT-logo-wrapper {text-align:center}
#gigaT-logo-img {vertical-align:middle}

/*#depot_main  p.filename{width:300px}*/
/*#depot_main div.file_upload, #depot_main input.file_upload {width:300px}/*v2.1b*/
/*upload window */
#bar_upload {width:600px; border:none}
#upload_table td {border:none ; padding:5px; color:#000066}
#bar1{ width:1%;height:20px;background-color:#99CCFF }
#bar2{ width:99%;height:20px;background-color:#FFFFFF }
#bar1, #bar2 {border:solid 1px #99CCFF}
#bar3 {color:#000066}
/********* end ************/

/* send confirm */
#sc_main {width:800px; margin-left:auto; margin-right:auto; text-align:left}
#sc_cadre1, #sc_cadre2, #sc_cadre3 {font-size:10pt; width:750px; margin-top:10px}
td.cell_border {font-size:8pt; border: 1px dotted #999999; padding:3px;}
#hidden_nowrap { white-space:nowrap; overflow:hidden}
/********* end ************/


/* download et receive_confirm */
#div_download td.nom {	font-weight: bold; font-size: 8pt; color: #777777;text-align: left}
#div_download td.nom {	border-right: #777777 1px solid; border-left: #000000 0px solid; width: 350px }
#div_download td.taille {	font-weight: bold; font-size: 8pt; color: #777777;text-align: right}
#div_download td.taille {	border-right: #777777 1px solid; border-left: #777777 1px solid; width: 75px; }
#div_download td.clic, #div_download a.clic {	font-weight: bold; font-size: 8pt; color: #777777;text-align: center}
#div_download td.clic {	border-right: #000000 0px solid; border-left: #777777 1px solid; width: 125px; }
#reference, #reference2 { margin-bottom:10px }
#reference, td.reference { width:550px; }
#reference2 { width:330px }
#div_download, #div_receive_confirm  {border:1px dotted #777777}
#div_download, #div_receive_confirm { border:none } /*enlève l'encadrement du style précédent*/
#download_table  { border:3px solid #777777;margin-top:10px ; margin-bottom:10px}
#download_1 td {padding:3px; color: #000000; border-bottom:3px solid #000000; background-color: #99CCFF}
#download_2 td {padding:3px;border-bottom:3px solid #000000}
#download_0 td{ padding:2px;border-bottom:1px solid #777777; }
.button_text {font-size:8pt; width:450px; text-align:left; vertical-align:middle}
#error_message { font-size:10pt; font-weight:bold; color:#F50000; text-align:left;line-height:normal;padding-left:50px; padding-right:50px  }
#line_confirm, #line_delete { height: 50px; vertical-align:middle}
/********* end ************/

/* refill 
#div_refill, #div_abo {width:800px; border:none }
td.size, td.price,td.qty,td.total_size,td.total
{ border-style:solid; border-top-style:none; border-color:#777777;border-right-width:1px; border-left-width:1px;border-top-width:2px;border-bottom-width:2px;background-color:#FFFFFF; }

td.size,td.price, td.qty, td.total_size, td.total, select
{font-size:8pt;font-weight: bold;vertical-align:middle;	}
select { font-family:Arial; }

td.size { text-align:left; width:50px;border-left-width:2px;border-left-color:#000000;}
td.price { text-align:right;width:70px}
td.qty { text-align:center;width:50px}
td.total_size { text-align:center;width:70px}
td.total { text-align:right;width:80px;border-right-width:2px;border-right-color:#000000}

/********* end ************/

/* 'pwd_id' & pwd_set page */
#div_pwd_id, #div_pwd_set { width:700px; margin-left:auto; margin-right:auto; text-align:left}
#pwd_password {text-align:right; border:1px dotted #777777}
#pwd_password  td{padding:5px}

#pwdID_cadre1, #pwdID_cadre2 {visibility:visible;font-size:10pt;width:100% ; border:none}
#pwdID_cadre1  { }
#pwdID_cadre2 { padding:10px; margin-top:20px }

/*#validate_button { text-align:center; vertical-align:middle;border:none}*/
#pwd_err {font-size:10pt;color:#FF6600; font-weight:bold; width:100%;  line-height: normal; vertical-align:middle}
#mail_err{} /* style déclaré dans send page */
/********* end ************/


/* faq page */
#div_faq { width:800px;  vertical-align:top }
.faq_title {font-size:12pt; color:#F50000; font-weight:bold;  line-height: 150%}
/*.faq_item {font-size:10pt; color:#FF6600; font-weight:bold; width:100%;  line-height: 150%}*/

/********* end ************/

/* contact page */
#div_contact { width:800px;  vertical-align:top }

/********* end ************/

/* new page */
#div_new {width:700px}
#div_new .cell {vertical-align:middle; padding-left:5px; height:20px}

/*#div_new { width:800px;  vertical-align:top; border-collapse:separate }
#mail_err { }  /* style déclaré dans send page */

/********* end ************/

/* message page 
#div_message { width:800px;  vertical-align:top; border-collapse:separate }

/********* end ************/

#div_send_id,#send_main,#sc_main,#div_refill, #div_abo,#div_pwd_id, #div_pwd_set,#div_faq,#div_contact,#div_new, #div_message,#div_default{ background-color: White }