@font-face {	
	font-family: 'CanalBoldItalic';

 	src: url('../ressources/CBOLITA.eot'); /* Pour IE9 Compat mode */
    src: url('../ressources/CBOLITA.eot?iefix') format('embedded-opentype'),
         url('../ressources/CBOLITA.woff') format('woff'),
         url('../ressources/CBOLITA.svg') format('svg'),
         url('../ressources/CBOLITA.ttf') format('truetype');
}

/*@font-face {
	font-family: CanalBoldItalic;
	src: url('../ressources/CBOLITA.TTF');
	src: local(CanalBoldItalic), url('../ressources/CBOLITA.TTF') format('truetype');
	#src: url('../ressources/CBOLITA.eot'); 	
	src: url('../ressources/CBOLITA.eot')\9; 
}*/

@font-face {	
	font-family: 'CanalBold';

 	src: url('../ressources/CBOLROM.eot'); /* Pour IE9 Compat mode */
    src: url('../ressources/CBOLROM.eot?iefix') format('embedded-opentype'),
         url('../ressources/CBOLROM.woff') format('woff'),
         url('../ressources/CBOLROM.svg') format('svg'),
         url('../ressources/CBOLROM.ttf') format('truetype');
}

/*@font-face {
	font-family: 'CanalBold';
	src: url('../ressources/CBOLROM.eot');
	src: url('../ressources/CBOLROM.woff') format('woff'), url('../ressources/CBOLROM.ttf') format('truetype'), url('../ressources/CBOLROM.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {	
	font-family: 'CanalItalic';

 	src: url('../ressources/CBOLITA.eot'); /* Pour IE9 Compat mode */
    src: url('../ressources/CBOLITA.eot?iefix') format('embedded-opentype'),
         url('../ressources/CBOLITA.woff') format('woff'),
         url('../ressources/CBOLITA.svg') format('svg'),
         url('../ressources/CLIGITA.ttf') format('truetype');
}
/*
@font-face {
	font-family: CanalItalic;
	src: url('../ressources/CLIGITA.TTF');
	src: local(CanalItalic), url('../ressources/CBOLITA.TTF') format('truetype');
	#src: url('../ressources/CBOLITA.eot'); 	
	src: url('../ressources/CBOLITA.eot')\9; 
}
*/

@font-face {	
	font-family: 'Canal';

 	src: url('../ressources/CLIGROM.eot'); /* Pour IE9 Compat mode */
    src: url('../ressources/CLIGROM.eot?iefix') format('embedded-opentype'),
         url('../ressources/CLIGROM.woff') format('woff'),
         url('../ressources/CLIGROM.svg') format('svg'),
         url('../ressources/CLIGROM.ttf') format('truetype');
}
/*
@font-face {
	font-family: Canal;
	src: url('../ressources/CLIGROM.TTF');
	src: local(Canal), url('../ressources/CLIGROM.TTF') format('truetype');
	#src: url('../ressources/CLIGROM.eot'); 	
	src: url('../ressources/CLIGROM.eot')\9; 
}
*/


#grey-header{
	z-index: 10;
	background-color: rgb(102,101,101);
	margin:0;
	height:70%;
	width:100%;
	box-shadow: 0px 5px 10px #656565;
	overflow: visible;
}

#blue-header{
	z-index: 1;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002156+0,002156+10,00619e+25,00336d+97 */
background: rgb(0,33,86); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,33,86,1) 0%, rgba(0,33,86,1) 10%, rgba(0,97,158,1) 25%, rgba(0,51,109,1) 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,33,86,1)), color-stop(10%,rgba(0,33,86,1)), color-stop(25%,rgba(0,97,158,1)), color-stop(97%,rgba(0,51,109,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,33,86,1) 0%,rgba(0,33,86,1) 10%,rgba(0,97,158,1) 25%,rgba(0,51,109,1) 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,33,86,1) 0%,rgba(0,33,86,1) 10%,rgba(0,97,158,1) 25%,rgba(0,51,109,1) 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,33,86,1) 0%,rgba(0,33,86,1) 10%,rgba(0,97,158,1) 25%,rgba(0,51,109,1) 97%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,33,86,1) 0%,rgba(0,33,86,1) 10%,rgba(0,97,158,1) 25%,rgba(0,51,109,1) 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002156', endColorstr='#00336d',GradientType=0 ); /* IE6-9 */


	margin-top:0px;
	height:30%;
	width:100%;
	box-shadow: 0px 5px 10px #656565;
}

header{
	height: 150px;
	width: 1280px;
	position: fixed;
	padding: 0;
	margin: auto;
	left: 0;
    right: 0;
}

section.content{	
	width: 1280px;
	height: 690px;
	display:table;
	padding:170px 0px 0 0px;
	margin: auto;
	left: 0;
    right: 0;
}

footer{
	/*background-color: #E6E6E6;*/
	margin: 20px auto auto auto;	
	width: 1280px;
	/*position: fixed;*/
	padding: 0;
	/*margin: auto;*/
	left: 0;
    right: 0;
}
#footer{
	vertical-align: middle;
	text-align: center;
	margin-top: 20px;
	margin-right:auto;
	margin-left: auto;
	width:60%;
	height: 40px;
	
}

body {
	height: 100%;
	width: 100%;
	margin: 0;
	font-size: 11px;
	font-family: "Verdana", "Arial", sans-serif;
	padding: 0;
	/*position: absolute;*/
}

#site {
	position: relative;
	width: 1280px;
	height: 870px;
	padding: 0;
	margin: auto;
}

#logo {
	float: left;
}

#logout {
	float: left;
	height: 20px; 
	width: 20px;
}

#menuHorizontal {
	color: #FFFFFF;
	height: 38px;
	width: 100%;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 11px;
	font-style: italic;
	font-family: caption;
}

#page {
	width: 100%;
	height:100%;
}

.backgroundFooterMarginLeft{
	width: 100%;
	height: 38px;
	/* Mozilla: */
	background: -moz-linear-gradient(left,#FFFFFF,#F5F5F5 40%, #E6E6E6);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear, left top, right top, from(#F5F5F5),
		to( #E6E6E6) );
	/* MSIE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5,endColorstr=#E6E6E6,GradientType = 1); 
}

.backgroundFooterMarginRight{
	width: 100%;
	height: 38px;
	/* Mozilla: */
	background: -moz-linear-gradient(left, #E6E6E6,#F5F5F5 40%, #FFFFFF);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear, left top, right top, from(#E6E6E6),
		to( #F5F5F5) );
	/* MSIE */
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6E6E6,endColorstr=#F5F5F5,GradientType = 1); 
}

.backgroundOrangeDiv{
	background-color:#E4881B;
	background-image:url("../images/corners/orangeDiv/orangeCenterBody.gif");
	background-repeat:repeat-x;
	/* Mozilla: 
	background: -moz-linear-gradient(top, #E4881B,#A83A01);
	/* Chrome, Safari
	background: -webkit-gradient(linear, top, bottom, from(#E4881B),
		to( #A83A01) );
	/*IE
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E4881B,endColorstr=#A83A01); */

}

.leftCornerOrangeDiv{
	background-image:url("../images/corners/orangeDiv/orangeLeftCorner.gif");
	background-repeat:no-repeat;
	width:8px;
}

.rightCornerOrangeDiv{
	background-image:url("../images/corners/orangeDiv/orangeRightCorner.gif");
	background-repeat:no-repeat;
	width:8px;
}

.userBoxContent{
	height:30px;
	table-layout:fixed;
	max-width:400px;
	min-width:400px;
	#width:auto;
	width:auto\9;
}

.userBoxContentCell{
	overflow:hidden;
	max-width:275px;
	#width:auto;
	width:auto\9;
}

.userBoxContentCellB{
	overflow:hidden;
	max-width:140px;
	#width:auto;
	width:auto\9;
}

.grisBackground {
	background-image: url("../images/background.gif");
	background-repeat:no-repeat;
	width:100%;
	height:75%;
	margin:auto;
	/*position:relative;*/
	overflow:hidden;
}

.whiteBackground {
	width:100%;
	height:75%;
	margin:auto;
	/*position:relative;*/
	overflow:hidden;
}

.footer{
	width: 100%;
	height: 38px;
	margin-top:20px;
	background-color: #E6E6E6;	
}

.titreSite {
	float: right;
}

.horizontalMenu {
	height: 100%;
	width: 76%;
	background-color: #8E8E90;
	float: right;
}

.rbroundbox {
	background: url("../images/corners/nt.gif") repeat;
	width: 100%;
	margin-bottom: 20px;
}

.rbtop div {
	background: url("../images/corners/tr.gif") no-repeat scroll right top
		transparent;
}

.rbtop {
	background: url("../images/corners/tl.gif") no-repeat scroll left top
		transparent;
}

.rbbot div {
	background: url("../images/corners/br.gif") no-repeat scroll right
		bottom transparent;
}

.rbbot {
	background: url("../images/corners/bl.gif") no-repeat scroll left bottom
		transparent;
}

/* height and width stuff, width not really nessisary. */
.rbtop div,.rbtop,.rbbot div,.rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}

.charteMenuContent {
	text-align: center;
	line-height: 38px;
	width: 100%;
}

.staticTextClass {
	font-size: 13px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#000000;
}

a.staticTextClass:link {
	font-size: 13px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#000000;
}


.staticTextClassLarge {
	font-size: 16px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#000000;
}

.dinamicTextClass{
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
	color:#686868;
}

.elementTextClass table tr td{
	font-family:Verdana;
	font-weight:normal;
	font-size:9px;
	color:#686868;
}

.dinamicTextClassBold{
	font-family:Verdana;
	font-weight:bold;
	font-size:13px;
	color:#686868;
}

.staticTextWhite{
	font-size: 13px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#FFFFFF;
}

.staticTextBlack{
	font-size: 15px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#000000;
}

.staticTextBlackChild{
	font-size: 8px;
	font-style: italic;
	font-weight:normal;
	color:#000000;
}

.staticTextWhiteNormal{
	font-size: 13px;
	font-family:Canal,Verdana,Arial;
	color:#FFFFFF;
	white-space:nowrap;
}

.staticTextWhiteBig{
	font-size: 18px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#FFFFFF;
}

.staticTextLarge{
	font-size: 18px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#000000;
}

.staticTextGray{
	font-size: 13px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#686868;
}

.staticTextGrayNormal{
	font-size: 13px;
	font-family:Canal,Verdana,Arial;
	color:#686868;
}
.staticTextWhiteNormal{
	font-size: 13px;
	font-family:Canal,Verdana,Arial;
	color:#FFFFFF;
}

.staticTextGrayLarge{
	font-size: 22px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#686868;
}

.inputTextClass{
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	color:#333333;
	height:17px;
	width:98%;
	border:1px solid #B7B7B7;
	padding-top: 3px; 
}

.ftpTextClass{
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	color:#333333;
	height:20px;
	width:200px;
	border:1px solid #B7B7B7;
	#height: 17px; 
	height: 17px\9;
	#padding-top: 3px; 
	padding-top: 3px\9;
}

.comboTextClass{
	height:25px;
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	color:#333333;
	width:98%;
	border:1px solid #B7B7B7;
}

.labelInputClass{
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
	color:#686868;
}

.noteText{
	font-size:9px;
	color:#686868;
	font-family:Verdana;
	font-style:italic;
	font-weight:normal;
	display:block;
}

.noteTextWhite{
	font-size:9px;
	color:#FFFFFF;
	font-family:Verdana;
	font-style:italic;
	font-weight:normal;
}

button {
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	padding: 0 17px 0 0;
	text-align: center;
	height: 38px;
	line-height: 38px;
	width: auto;
}

button.roundedBlack {
	background: transparent url( "../images/buttons/btn_right.png" )
		no-repeat scroll right top;
}

button span {
	display: block;
	padding: 0 0 0 10px;
	white-space: nowrap;
	height: 38px;
	line-height: 38px;
	font-size: 20px;
	font-weight: normal;
	font-family: sans-serif;
}

button.roundedBlack span {
	background: transparent url( "../images/buttons/btn_left.png" )
		no-repeat scroll left top;
	color: #E6E6E6;
}

button::-moz-focus-inner {
	border: none;
}


button.roundedBigBlack {
	background: transparent url( "../images/buttons/buttonBlackBig/rtBigBlack.PNG" )
		no-repeat scroll right top;
	clear: left;
	height: 94px;
	line-height: 94px;
	display: block;
	position: relative;
	white-space: nowrap;
	font-weight: normal;
	font-family: verdana sans-serif;
	width:666px;
}

button.roundedBigBlack span {
	background: transparent url( "../images/buttons/buttonBlackBig/ltBigBlack.PNG" )
		no-repeat scroll right top;
	color: #E6E6E6;
	height: 94px;
	line-height: 94px;
	font-family:trebuchet MS;
	font-size:18px;
	padding-left:65px;
}

button.roundedBigBlue{
	background: transparent url( "../images/buttons/buttonBlueBig/rtBigBlue.PNG" )
		no-repeat scroll right top;
	clear: left;
	height: 38px;
	line-height: 38px;
	display: block;
	position: relative;
	white-space: nowrap;
	font-weight: normal;
	font-family: verdana sans-serif;
	width:400px;
}

button.roundedBigBlue span {
	background: transparent url( "../images/buttons/buttonBlueBig/ltBigBlue.PNG" )
		no-repeat scroll right top;
	color: #E6E6E6;
	height: 38px;
	line-height: 38px;
	font-family:trebuchet MS;
	font-size:16px;
	padding-left:84px;
}

table {
	margin: auto;
	height: 100%;
	vertical-align: auto;
}

button.roundedOrange {
	background: transparent url( "../images/buttons/btn_right_orange.png" )
		no-repeat scroll right top;
	clear: left;
	font-size: 20px;
}

table.roundedOrange {
	clear: left;
	font-size: 20px;
}

button.roundedOrange span {
	background: transparent url( "../images/buttons/btn_left_orange.png" )
		no-repeat scroll left top;
	color: #FFFFFF;
}

button.roundedGris {
	background: transparent url("../images/buttons/btn_right_gris.png")
		no-repeat scroll right top;
	clear: left;
	font-size: 20px;
}

button.roundedGris span {
	background: transparent url("../images/buttons/btn_left_gris.png")
		no-repeat scroll left top;
	color: #666666;
}

button.searchButton{
	background: transparent url("../images/buttons/searchButton/search.PNG")
		no-repeat scroll right top;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	height:25px;
	width:34px;
}

div.roundedOrange {
	background: transparent url( "../images/corners/orangeDiv/div_right_orange.png" )
		no-repeat scroll right top;
	clear: left;
	font-size: 10px;
	font-family:trebuchet MS;
	font-weight:bold;
	text-align:center;
	height:30px;
}

div.roundedOrange div {
	background: transparent url( "../images/corners/orangeDiv/div_left_orange.png" )
		no-repeat scroll left top;
	color: #FFFFFF;
	height:30px;
	display:block;
	padding-left:20px;
	padding-right:20px;
}

div.roundedOrange table{
	background-image: url("../images/corners/orangeDiv/div_center_orange.png");
}

.bluePanel{
	height:93px;
}

.bluePanel tr td.leftCorner{
	width:7px;
	background-image:url("../images/corners/blueDiv/leftCorner.PNG");
	background-repeat:no-repeat;
}

.bluePanel tr td.center{
	background-image:url("../images/corners/blueDiv/center.PNG");
	background-repeat:repeat-x;
}

.bluePanel tr td.rightCorner{
	width:7px;
	background-image:url("../images/corners/blueDiv/rightCorner.PNG");
	background-repeat:no-repeat;
}

.separatorLine {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid white;
}

.blackSeparatorLine {
	border-top: 1px solid #686868;
	border-bottom: 1px solid black;
}


.verticalSeparatorWhite{
	border-right:1px solid #FFFFFF
}

.verticalSeparatorGray{
	border-left:1px solid #CCCCCC;
}

.horizontalSeparatorWhite{
	border-top:1px solid #FFFFFF
}

.horizontalSeparatorGray{
	border-bottom:1px solid #CCCCCC;
}

.rounded-corners {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.rounded-corners-top {
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.chartArea {
	width:100%;
	height:100%;
	margin:auto;
}

.chartArea  textarea{
	height: 450px;
	margin: auto;
	position: relative;
	width: 100%;
	font-size:12px;
	font-family:Verdana;
	color:#686868;
}

.buttonsConfirmationArea {
	width: 40%;
	float: right;
}

.header {
	background-image: url("../images/modalPanel/header.PNG");
	height: 37px;
	line-height:37px;
	padding-top: 12px;
	text-indent: 19px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-family: verdana;
}

.modalClass {
	padding: 0px;
	border: none;
	height:auto;
}

.contentModalArea {
	padding-top: 16px;
	padding-bottom: 12px;
	font-weight: bold;
	padding-left: 19px;
}

.buttonsModalArea {
	height: 58px;
	width: 35%;
	float: right;
	padding-right: 10px;
}

.confirmMsgItalic {
	font-style: italic;
}

.navigationClass{
	color: #FFFFFF;
	text-align : center;
	font-weight : bold;
	font-size : 10px; 
	width: 100%;
	font-family:CanalItalic,Verdana,Arial;
	padding-left:9px;
	padding-right:6px;
}

.footerText{
	font-size: 11px;
	color:#6F6F6F;
	font-weight:normal;
	font-family:verdana;
}

a.menuItem:link 
{
	text-decoration : none;
	color:#FFFFFF;
}
a.menuItem:visited 
{
	text-decoration : none;
	color:#FFFFFF;
}
a.menuItem:hover 
{
	text-decoration : none;
	color:#FFFFFF;
}
a.menuItem:active 
{
	color : #000000; 
	text-decoration : none;
}

a.visitedItem:link 
{
	text-decoration : underline;
	color:#FFFFFF;
}
a.visitedItem:visited 
{
	text-decoration : underline;
	color:#FFFFFF;
}
a.visitedItem:hover 
{
	text-decoration : underline;
	color:#FFFFFF;
}
a.visitedItem:active 
{
	color : #000000; 
	text-decoration : none;
}

.inactiveLink{
	color:#6F6F6F;
}

a.footerText:link {text-decoration : none;}
a.footerText:visited {text-decoration : none;}
a.footerText:hover {text-decoration : underline;}
a.menuItem:active {text-decoration : none;}

table.footerNavigation tr td{
  border-right: 1px solid #ACACAC;
}

.noBorder{
	border:none !important;
}

.centeredDiv{
	margin:auto;
	height:80%;
}

.flagButton{
   width:14px;
   height:11px;
   text-decoration:none;
   border:none;
}

.formClass{
	background-color:#FFFFFF;
	width:80%;
	height:100%;	
}

.textFormClass{
	color: #686868;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}


.marginBottomStaticText{
	margin-bottom:5px;
}

.formClass input{
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	color:#333333;
	border:1px solid #B7B7B7;
	height:17px;
	width:98%;
	#height: 17px; 
	height: 17px\9;
	#padding-top: 3px; 
	padding-top: 3px\9;
	padding-top: 3px;
}

.tvaNumbersClass{
	width:35px !important;
	margin-left:4px;
	margin-right:4px;
}

.tvaClass{
	width:95px !important;

}

.formClass select{
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	color:#333333;
	border:1px solid #B7B7B7;
	height:24px;
	width:238px;
}


form{
	height:100%;
}

.underlineText{
	text-decoration:underline;
}

.errorField{
    border:1px solid red !important;
}

.errorMessage{
	color:red;
}

.selectError{
	background-color:red;
}

.navigationMenu{
	font-family:CanalItalic,Verdana,Arial;
	font-size:20px;
	text-align:center;
}

.activeNavigationMenu{
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}

.inactiveNavigationMenu{
	color:#C5C5C5;
	text-decoration:none;
}

.separatorNavigation{
	background-image:url("../images/corners/separatorNavigation.gif");
	background-repeat:no-repeat;
	width:40px;
	height:25px;
}

.smallSeparator{
	background-image:url("../images/corners/smallSeparator.gif");
	background-repeat:no-repeat;
	width:12px;
	height:8px;
	display:block;
}

.tabStyle3{
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	font-size:13px;
	color:#B2B2B2;
}

.ui-widget-content{
	font-family:CanalBoldItalic,Verdana,Arial;
	font-size:13px;
	border:none;
	background-color:transparent;
}

.ui-widget-header{
	background-color:transparent;
	border:none;
}

.underlinetext{
	text-decoration:underline;
}

.leftTopCornerTab{
	background-image: url("../images/tabpanel/leftTopCorner.gif");
	height:6px;
}

.leftBottomCornerTab{
	background-image: url("../images/tabpanel/leftBottomCorner.gif");
	height:6px;
}

.rightTopCornerTab{
	background-image: url("../images/tabpanel/rightTopCorner.gif");
	height:6px;
}

.rightBottomCornerTab{
	background-image: url("../images/tabpanel/rightBottomCorner.gif");
	height:6px;
}

.leftTopCornerWhiteDiv{
	width:7px;
	height:7px;
	background:url("../images/corners/whiteDiv/leftTopCorner.gif") no-repeat scroll 0 0 transparent;
}

.leftBottomCornerWhiteDiv{
	width:7px;
	height:7px;
	background:url("../images/corners/whiteDiv/leftBottomCorner.GIF") no-repeat scroll 0 0 transparent;
}


.rightBottomCornerWhiteDiv{
	width:7px;
	height:7px;
	background:url("../images/corners/whiteDiv/rightBottomCorner.gif") no-repeat scroll 0 0 transparent;
}

.rightTopCornerWhiteDiv{
	width:7px;
	height:7px;
	background:url("../images/corners/whiteDiv/rightTopCorner.gif") no-repeat scroll 0 0 transparent;
}

.leftTopCornerTabInside{
	width:6px;
	height:6px;
	background:url('../images/corners/whiteDiv/leftTopCorner.PNG') no-repeat scroll 0 0 transparent;
}

.centerTopWhiteDiv{
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
}

.centerBottomWhiteDiv{
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

.centerRightWhiteDiv{
	background-color:#FFFFFF;
	border-right:1px solid #CCCCCC;
}

.centerLeftWhiteDiv{
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
}

.tabContent{
	width:222px;
	height:41px;
}

.tabContentInactiv{
	background-color:#FFFFFF;
}

.tabContentActiv{
	background-color:#E6E6E6;
}

.leftTabContent{
	border-left:1px solid #CCCCCC;
}

.activeLeftCorner{
	width:33px;
	border-top:1px solid #CCCCCC;
	height:7px;
	background:url('../images/tabpanel/activeLeftCorner.PNG') no-repeat scroll 0 0 transparent;
}

.activeLeftButtonCorner{
	width:7px;
	height:32px;
	background:url('../images/tabpanel/activeLeftBottomCorner.PNG') no-repeat scroll 0 0 transparent;
}

.topTabContent{
	border-top:1px solid #CCCCCC;
}

.centerTabContent{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.nextStepMessage{
	padding-left:20px;
	padding-right:20px;
}

.invisiblePanel{
	display:none;
}

.rightSocietyTitle{
	padding-left:35px;
}

.rightsSearchMouviesPanel{
	width:550px;
	height:auto;
	float:left;
	padding:5px;
}

.rightsSearchTitlePanel tr td{
	padding-left:0px !important;
}
.rightsSearchMouviesPanel table tr td{
	padding-left:5px;
}

.searchOpenMouviesResult{
	width:100%;
	overflow:hidden;
	padding:20px;
}

.tableButton{
	cursor:pointer;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border:none;
}

.ui-corner-top{
	border-radius:0px;
}

.ui-tabs .ui-tabs-nav li a{
	padding:0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
	padding-bottom:0px;
}

.ui-tabs .ui-tabs-nav li{
	margin:0px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border:none;
}

.tabPanelBorder{
	background:url("../images/tabpanel/borderTab.PNG") repeat-x scroll 0 0 transparent;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	font-size: 13px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#000000;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
	font-size: 13px;
	color:#686868;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
}

.centerText{
	text-align:center;
	display:block;
}

.rightSocietyPanelClass{
	width:100%;
	margin:auto;
}

.contactsPanel{
	padding:25px;
}

.contactsList{
	list-style:disc outside url('../images/etoile.gif');
}

.noBuletList{
	list-style:none;
}

.listSocietiesPopupPanel{
	width:650px;
}

.listUserSocietiesHeader{
	background-color:#000000;
	padding-left:10px;
	padding-right:10px;
	height:30px;
}

.listSocietiesPopupPanel button{
	width:270px;
}


#jquery-loader.ajaxLoaderClass{
	border:none;
	padding-top:35px;
	background-color: transparent;
	text-align: center;
	background-image: url("../images/ajax-loader(4).gif");
	background-position: center center;
	background-repeat: no-repeat;
}

#jquery-loader-background{
	background-color: #000000;
	opacity:0.5;
}

.deleteAddressButton{
	background-image:url("../images/CloseButton.gif ");
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	margin:auto;
}

.infoAddressButton{
	background-image:url("../images/InfoButton.gif ");
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	margin:auto;
}

.middleButton{
	width:140px;
}

.middleButton300{
	width:300px;
}

.smallButton{
	width:70px;
}

.largeButton{
	width:420px;
}


.listSocietiesPanel{
	height:220px;
	width:80%;
	margin:auto;
}	


.iteratorCanalListSocietesClass{
	height:auto;
	margin:15px;
}

.expandClass{
	float:left;
}

.expandClass img{
	padding:5px;
}

.userBox{
	width:400px;
}

.rightText{
	text-align:right;
	vertical-align:top;
}

.deleteTableItem{
	width:18px;
	height:18px;
	background-image:url('../images/buttons/deleteTableItem.gif');
	background-repeat:no-repeat;
	margin:auto;
	cursor:pointer;
}

.modifyTableItem{
	width:18px;
	height:18px;
	background-image:url('../images/buttons/modifyTableItem.gif');
	background-repeat:no-repeat;
	margin:auto;
	cursor:pointer;
}

.societyList{
	height:20px;
}

.selectInputClass{
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	color:#333333;
	border:1px solid #B7B7B7;
	height:24px;
	width:150px;
}

.contactButton{
	background-color: #F5F5F5; 
	border:1px solid #CCCCCC;
	margin: auto; 
	width: 100px;
	height:30px;
	line-height:30px;
	/* Mozilla: */
	background: -moz-linear-gradient(top, #E6E6E6,#F5F5F5);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear, top, bottom, from(#E6E6E6),
		to( #F5F5F5) );
	/*IE*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6E6E6,endColorstr=#F5F5F5); 
	font-size:14px;
	font-family:sans-serif;
}
  
.loginButton{
	background-color: #262626; 
	margin: auto; 
	width: 100px;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	/* Mozilla: */
	background: -moz-linear-gradient(top, #262626,#6F6F6F);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear, top, bottom, from(#262626),
		to( #6F6F6F) );
	/*IE*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#262626,endColorstr=#6F6F6F); 
	font-size:14px;
	font-family:sans-serif;
}


a.whiteLink:visited{
	font-size: 13px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

a.whiteLink:hover{
	font-size: 13px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

a.whiteLink:link{
	font-size: 16px;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

.hiddenCol{
	display:none;
}

th.sorted a,th.sortable a {
	text-decoration: none;
	background-position: left;
	display: block;
	width: 100%;
}

th.sortable a {	
	background-image: url(../images/displayTag/arrow_off.png);
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent:10px;
	width:95%;
	float:right;
}

th.order1 a {
	background-image: url(../../images/displayTag/arrow_down.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color:#6699CC;
}

th.order2 a {
	background-image: url(../../images/displayTag/arrow_up.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

.listUsersTable{
	border:1px solid #CCCCCC;
	background-color:#E6E6E6;
	overflow-y:auto;
	overflow-x:hidden;
	width:80%;
	height:300px;
	margin:auto;
	padding:10px 15px;
}

.listUsersTable tr{
	height:40px;
}

.editUserInfoClass .titleUserInfoClass{
	text-align:center;
}

.infoUserTable{
	table-layout:fixed;
}

.infoUserTable tbody tr td{
	vertical-align:top;
}

.editUserInfosForm{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:25px;
	height:200px;
	width:85%;
}

.editUserNoteText{
	padding-top:10px;
	padding-left:40px;
}

.userSocietyTabContent{
	width:100%;
	height:38px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family:arial;
	font-size:12px;
}

.highlight{
    color:white;
    background-color:#CCCCCC !important;
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel{
	padding:0px !important;
	background-color:transparent;
	border-width: 1px;
}

.tabPanelRightActiveCorner{
	width:7px;
	background-image:url('../images/tabpanel/rightActiveCornetRight.gif');
	background-repeat:no-repeat;
}

.tabPanelRightActiveContent{
	background-color:#E6E6E6;
	border-top:1px solid #CCCCCC;
	text-align:center;
	color:#000000;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
}

.tabPanelRightActiveLeftCorner{
	width:40px;
	background-image:url('../images/tabpanel/rightActiveMiddle.gif');
	background-repeat:no-repeat;
}

.tabPanelRightActive{
	background-color:#E6E6E6;
}

.tabPanelRightActiveBottom{
	height:7px;
	width:7px;
	background-color:#E6E6E6;
}

.tabPanelRightActiveBottomDiv{
	background-image:url('../images/tabpanel/rightActiveBottomRight.gif');
	height:7px;
	width:7px;
	background-repeat:no-repeat;
	margin-left:33px;
}

.tabPanelRightActiveLeftCornerContent{
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	text-align:center;
	color:#B2B2B2;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
}


.tabPanelRightActiveLeftCornerBottom{
	width:36px;
	background-image:url('../images/tabpanel/rightActiveCornerLeft.gif');
	background-repeat:no-repeat;
	width:7px;
	background-color:transparent;
}

.tabPanelRightActiveBottomLeft{
	background-image:url('../images/tabpanel/rightActiveBottomLeft.gif');
	border-bottom:1px solid #CCCCCC;
	height:7px;
	background-repeat:repeat-x;
}

.tabPanelLeftActiveLeftCorner{
	width:7px;
	background-image:url('../images/tabpanel/leftActiveCornerRight.gif');
	background-repeat:no-repeat;
}

.tabPanelLeftActiveContent{
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#B2B2B2;
	text-align:center;
}


.tabPanelLeftActiveMiddle{
	width:40px;
	background-image:url('../images/tabpanel/leftActiveMiddle.gif');
	background-repeat:no-repeat;
}

.tabPanelLeftActiveRightBottomLeft{
	background-image:url('../images/tabpanel/rightActiveBottomLeft.gif');
	border-bottom:1px solid #CCCCCC;
	width:6px;
	background-repeat:repeat-x;
	border-left:1px solid #CCCCCC;
}

.tabPanelLeftActiveRightBottomMiddle{
	background-image:url('../images/tabpanel/rightActiveBottomLeft.gif');
	border-bottom:1px solid #CCCCCC;
	background-repeat:repeat-x;
}

.tabPanelLeftActiveRightBottomRight{
	background-image:url('../images/tabpanel/leftActiveMiddleBottom.gif');
	background-repeat:no-repeat;
	background-color:#E6E6E6;
	width:7px;
}

.tabPanelLeftActiveLeftCornerLeft{
	width:6px;
	background-image:url('../images/tabpanel/leftActiveCornerLeft.gif');
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.tabPanelLeftActiveLeftCornerContent{
	background-color:#E6E6E6;
	border-top:1px solid #CCCCCC;
	text-align:center;
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	color:#000000;
}

.ui-tabs{
	padding:0px;
}
.studioCanalTabPanel{
	height:53px;
	width:100%;
}

.studioCanalTabPanel li{
	width:50%;
	background-color:transparent;
}							

.ui-tabs .ui-tabs-nav{
	padding:0;
}

.tabPanelLarge a:link{
	font-family:CanalBoldItalic,Verdana,Arial;
	font-weight:bold;
	font-size:20px;
}

.searchMoviesRigthsPanelClass{
	height:410px;
	width:100%;
	margin:auto;
	overflow-y:auto;
	overflow-x:hidden;
}

.grayTabPanel{
	background-color:transparent;
}

a.grayTabPanel table td.tabPanelLeftActiveLeftCornerLeft{
	background-color:transparent;
}

.contactButton img{

}

.sortButton{
	float:left;
	cursor:pointer;
	margin-left:5px;
}
.excelButton span{
	height:35px;
	font-family:Arial;
	font-style:Italic;
	font-weight:bold;
	font-size:16px;
	line-height:27px;
	height:30px;
	color:#666666;
	float:right;
	padding-left:2px;
}

.excelButton  img{
	padding-right:2px;
	float:left;
	padding-top:5px;
}

.contactRightsClass{
	display:inline;
	width:50%;
}

.contactRightsClass table{
	display:inline;
}

.detailRightsPanel{
	margin-top:15px;
}

#ficheFilmDetailId{
	margin:20px;
}

.contractantClass{
	float:left;
}

.rightsIndent{
	padding-left:3px;
}

#searchMouviesTableResultId td{
	height:auto;
}