/**
 * 
 * @version $Revision $
 * @cvs $id $
 */
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS GENERALES
 ***********************************************************************************************************/
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #000000;	
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

h1{

}

h2{

}

h3{

}

h4{

}

p {

}

img {
	border: 0px;
}

a:link {		
	color: #34719A; 
	text-decoration: underline;
}

a:visited {		
	color: #34719A; 
	text-decoration: underline;
}

a:hover {		
	color: #34719A; 
	text-decoration: none;
}

a:active{		
	color: #34719A; 
	text-decoration: underline;
}


table {
	border-collapse: collapse;
}

input{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000000;
	background-color:#FFFFFF;
	border: 1px inset;
}

textarea {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
	background-color:#FFFFFF;
	border: 1px inset;
	padding-left: 2px;
	height: 100px;
}

select {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	color: #000000;
	background-color:#FFFFFF;
	border: 1px inset;
}

label{
	position: relative;
	top: -3px;
	text-align: right;
	margin-right: 5px;
}

ul{
}

li{
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS ELEMENTS DIVERS
 ***********************************************************************************************************/
label.block{
	position: relative;
	top: 4px;
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	vertical-align: bottom;
	margin-right: 5px;
}

span.fakeInput{
	display: block;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
}

span.dateSelector{
	background-image: url(../images/img.php?file=icons/calendar.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
}

.trigger{
    cursor: pointer;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS EXPANDABLE BUTTON
 ***********************************************************************************************************/
button.expandableButton, 
button.expandableInputButton,
button.expandableButtonOn, 
button.expandableInputButtonOn {
	border: 0px solid; 
	cursor: pointer; 
	margin-left: 2px; margin-right: 2px;
	padding: 0px; padding-right: 4px;
	background-color: #FFFFFF;
	background : url(../images/boutons/resizableButtonRightOff.gif) right no-repeat;
	overflow: visible;
}

button.expandableButtonOn, 
button.expandableInputButtonOn {
	background : url(../images/boutons/resizableButtonRightOn.gif) right no-repeat;
}

button.expandableInputButton,
button.expandableInputButtonOn{
	width: 91px;
}

button.expandableButton span, 
button.expandableInputButton span,
button.expandableButtonOn span, 
button.expandableInputButtonOn span  {
	display: block; 
	padding: 0px; padding-left: 3px; padding-right: 2px; padding-bottom: 1px;
	height: 28px; line-height: 28px;
	background : url(../images/boutons/resizableButtonLeftOff.gif) left no-repeat;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #FFFFFF;
}

button.expandableButtonOn span, 
button.expandableInputButtonOn span {
	background : url(../images/boutons/resizableButtonLeftOn.gif) left no-repeat;
	color: #EB2F25;
}

button.expandableButton span img,  
button.expandableInputButton span img,
button.expandableButtonOn span img,  
button.expandableInputButtonOn span img {
	margin: 0px; margin-right: 9px; margin-bottom: 2px;
	vertical-align: middle;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT.BUTTON
 ***********************************************************************************************************/
input.button, input.buttonOn {
	width: 81px; height: 28px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #FFFFFF;
	border: 0px solid;
	background-color: #FFFFFF;
	background-image : url(../images/boutons/smallButtonOff.gif);
	cursor: pointer;
	padding-bottom: 1px;
}

input.buttonOn {
	background-image : url(../images/boutons/smallButtonOn.gif);
	color: #EB2F25;
}

input.buttonAdd {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnAdd.gif);
}

input.buttonCancel {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnCancel.gif);
}

input.buttonDelete {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnDelete.gif);
}

input.buttonValidate {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnValidate.gif);
}

input.iconButton{
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	text-decoration: none;
}

input.iconButtonDelete{
	background-image : url(../images/img.php?file=icons/delete.gif);
}

input.iconButtonUpdate{
	background-image : url(../images/img.php?file=icons/pencil.png);
}

input.file {
	height: 17px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
	border: 1px inset;
	color: #666666;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT
 ***********************************************************************************************************/
input.text, input.shortText, input.middleText, input.mediumText, input.longText, input.longlongText, input.wideText, span.fakeInput {
	height: 17px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000000;
	border: 1px inset;
	margin-bottom: 3px;
	padding-top: 2px; padding-left: 2px;
}

input.tinyText, textarea.tinyText, select.tinyText, span.tinyText {
	width: 75px;
}

input.shortText, textarea.shortText, select.shortText, span.shortText {
	width: 150px;
}

input.middleText, textarea.middleText, select.middleText, span.middleText {
	width: 200px;
}

input.mediumText, textarea.mediumText, select.mediumText, span.mediumText {
	width: 200px;
}

input.longText, textarea.longText, select.longText, span.longText {
	width: 250px;
}

input.longlongText, textarea.longlongText, select.longlongText, span.longlongText {
	width: 350px;
}

input.wideText, textarea.wideText, select.wideText, span.wideText {
	width: 500px;
}

input.error, textarea.error, select.error, span.error  {
	background-color: #FFA500;
}

input.disabled, span.disabled{
	background-color: #EFEEE8;
}

select.shortText, select.middleText, select.longText{
	font-size: 12px;
}

img.iconInput{
	position: relative;
	top: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES ELEMENTS STRUCTURANTS L'INTERFACE
 ***********************************************************************************************************/
div#main{
	width: 990px;
	position: relative;
	padding: 0px;
	margin: 0px; margin-right: auto; margin-left: auto;
	overflow: visible;
}

div#header{
	height: 112px; width:990px;
	background-image:url(../images/design/header.jpg); background-position:top; background-repeat:no-repeat;
}

div#itemsRail{
	height: 23px; width: 756px;
	margin-top: 4px;
	padding-left: 30px; padding-top: 4px; 
	background-image:url(../images/design/itemsRailBackground.gif); background-position:top left; background-repeat:no-repeat;
}

div#itemsRail img.bullet{
	position: relative; top: 3px;
	margin-left: 10px; margin-right: 10px;
}

div#itemsRail a.railItem{
	font-weight: normal; font-size: 14px; color: #FFFFFF;
	text-decoration: none;
}

div#itemsRail span#railItemLast{
	font-weight: normal; font-size: 13px; color: #FFFFFF;
}

div#itemsRail span.railItemFirstLetter{
	font-weight: normal; font-size: 18px; color: #FFFFFF;
}

h2#pageTitle{

}

table#mainContent {
	width:990px;
	background-color:#FFFFFF;
}

td#mainContentLeft{
	width:230px; 
}

td#mainContentCenter{
	width: 760px; 
}

div#page{
	margin: 0px;
	padding: 0px; padding-left: 20px;
	width: 736px;
}

div#footer{
	height: 17px;
	background-color: #256793;
	font-size: 11px; font-weight: bold; color: #FFFFFF
}

div#links{
	height: 18px;
	text-align: center;
	color: #D7D6D6;
	padding-top: 2px;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES ELEMENTS D'INTERFACE
 ***********************************************************************************************************/

td#mainContentLeft div.menu{
	margin: 0px; margin-top: 5px;
	padding: 0px; padding-top: 47px;
	width: 230px;
	background-image: url(../images/design/menuBoxHeader.gif); background-position:top; background-repeat:no-repeat;
}

div#page div.pageContent{
	padding: 0px;
	margin-top: 5px;
}

div#footer a#altairSignature{
	position: absolute;
	display: block; width: 230px;
	font-weight: normal; font-size: 11px; color: #434141;
	float: left;
	text-align: center;
}

div#footer div#societeAdresse{
	width: 760px;
	text-align: center;
	margin: 0px; margin-left: 230px;
	padding-top: 1px;
}

div#footer div#societeAdresse, div#footer div#societeAdresse a{
	font-weight: normal; font-size: 11px; color: #ffffff; font-weight: bold;
}


div#links a {
	color: #D7D6D6; font-weight: normal;	
}

div#texteAccroche{
	margin-top: 5px; margin-bottom: 10px;
	width: 236px;
	border: 1px solid #D7D6D6; 
	text-align:center;
}

div.columnBox{
	margin: 0px; margin-top: 5px; margin-bottom: 10px;
	width: 230px;
	background-image: url(../images/design/columnBoxHeader.gif); background-position:top; background-repeat:no-repeat;
}

div.columnBox h4.title{
	width: 220px; height: 20px;
	margin: 0px; padding-top: 15px; padding-bottom: 12px;
	font-size: 14px; font-weight: bold; color: #FFFFFF;
	text-align: center;
}

div.columnBox div.content{
	width: 215px;
	border: 1px solid #D7D6D6; border-top: none;
	padding: 5px;
}

div.columuBox div.content p{
	text-align: justify;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR AFFICHER LES ACTUALITES
 ***********************************************************************************************************/

div#actualites{
	width: 238px;
	margin: 0px;
	background-image: url(../images/design/actualiteBoxHeader.gif); background-position:top; background-repeat:no-repeat;
	padding-top: 6px;
}
div#actualites div.content{
	width: 226px;
	border: 1px solid #D7D6D6; border-top: none;
	padding: 5px;
}

div#actualites  div.content p{
	text-align: justify;	
}

div#actualites  div.content strong{
	color:#34719A;	
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR DEMANDE D'INFORMATION
 ***********************************************************************************************************/
 
div.message{
	padding: 40px 0px;
	text-align:center;
	font-weight:bold;
	line-height:2em;
}