/* CSS Document */

body{
	background: url(images/fond.gif) repeat-x;
	background-color: #012c44;
	margin: 0;
	padding: 0;
}

#page{
	width: 1202px;
	border: 1px solid #3e97ce;
	margin: auto;
	background: #ffffff;
}

#barre{
	width: 1172px;
	height: 22px;
	background: url(images/barre.gif) repeat-x;
	font: bold 11px Tahoma;
	color: #000e21;
	padding-left: 30px;
	padding-top: 10px;
}

#barre .date{
	color: #2c86b3;
}

#header{
	width: 1200px;
	
	background: url(images/header-gauche.jpg) no-repeat;
	overflow: hidden;
	
	height: 134px;
	
}

#header-logo-cs{
	width: 145px;
	height: 134px;
	background: url(images/header-logo-cs.jpg) no-repeat;
	float: left;
	display: inline;
}

#header-logo-css{
	width: 145px;
	height: 134px;
	background: url(images/header-logo-css.jpg) no-repeat;
	float: left;
	display: inline;
}

#header-logo-dod{
	width: 145px;
	height: 134px;
	background: url(images/header-logo-dod-ss.jpg) no-repeat;
	float: left;
	display: inline;
}

#header-logo-unreal{
	width: 145px;
	height: 134px;
	background: url(images/header-logo-unreal.jpg) no-repeat;
	float: left;
	display: inline;
}

#header-logo-tmn{
	width: 145px;
	height: 134px;
	background: url(images/header-logo-tmn.jpg) no-repeat;
	float: left;
	display: inline;
}

#header-gauche{
	width: 100%;
	height: 134px;
	float: left;
	display: inline;
}


#header-droite{
	width: 402px;
	height: 134px;
	float: left;
	display: inline;
	margin-bottom:-4px;
}

#header-droite-titre{
	width: 392px;
	height: 24px;
	background: url(images/header-droite-titre.jpg) no-repeat;
	font: bold 14px Tahoma;
	color: #5fb1e3;
	padding-left: 10px;
	padding-top: 5px;
	font-variant:small-caps;
}

#header-droite ul{
	margin: 0;
	padding: 0;
	width: 402px;
	list-style-type: none;
}

#header-droite li{
	width: 372px !important;
	width: 362px;
	height: 20px;
	margin: 0;
	background: url(images/header-droite-li.jpg) no-repeat;
	font: bold 11px Tahoma;
	color: #014166;
	padding: 0;
	padding-top: 7px;
	padding-left: 40px;
	line-height: 10px;
}

#header-droite li a{
	font: bold 11px Tahoma;
	color: #014166;
	text-decoration: none;
}

#header-droite li a:hover{
	font: bold 11px Tahoma;
	color: #4174b7;
	text-decoration: none;
}


#separateur{
	width: 1201px;
	height: 26px;
	background: url(images/separateur.gif) no-repeat;
	
}

#conteneur{
	width: 1202px;
	background: url(images/conteneur.gif) repeat-y;
	overflow: hidden;
}

#menu-gauche{
	width: 194px;
	padding-left: 1px;
	float: left;
	display: inline;
	font: 12px Tahoma;
	color: #000f21;
	margin: 0;
}

#menu-gauche input{
	max-width: 170px;
	border: 1px solid #77b1d2;
	color: #30627e;
	padding: 3px;
	margin: 4px;
}

#menu-droite input{
	max-width: 170px;
	border: 1px solid #77b1d2;
	color: #30627e;
	padding: 3px;
	margin: 4px;
}
#menu-gauche a{
	font: bold 11px Tahoma;
	color: #000f21;
}

#menu-gauche h3{
	margin: 0;
	height: 23px;
	width: 166px;
	background: url(images/menu-titre.gif) no-repeat;
	font: bold 12px Tahoma;
	color: #5fb1e3;
	border-bottom: 1px solid #ffffff;
	padding-top: 6px;
	padding-left: 20px;
	font-variant:small-caps;
	margin-top: 10px;
}

#menu-gauche ul{
	width: 186px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	overflow: hidden;
}

#menu-gauche li{
margin: 0;
	width: 166px;
	height: 20px;
	background: url(images/menu-gauche-li.gif) no-repeat;
	padding-left: 20px;
	padding-top: 6px;
	font: bold 11px Tahoma;
	color: #000f21;
	border-bottom: 1px solid #ffffff;
	line-height: 10px;
	float: left;
	
	
}

#menu-gauche li a{
	font: bold 11px Tahoma;
	color: #000f21;
	text-decoration: none;
}

#menu-gauche li a:hover{
	font: bold 11px Tahoma;
	color: #315687;
	text-decoration: none;
}

#corps{
	width: 802px;
	float: left;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	font: 12px Tahoma;
	color: #28688c;
}

#corps h1{
	margin: 0;
	width: 782px;
	height: 22px;
	background: url(images/corps-titre.gif) no-repeat;
	font: bold 12px Tahoma;
	color: #ffffff;
	padding-left: 20px;
	padding-top: 8px;
	
}

#corps h1 a{
	font: bold 12px Tahoma;
	color: #ffffff;
	text-decoration: none;
}

#corps .informations{
	height: 21px;
	width: 782px;
	padding-left: 20px;
	padding-top: 7px;
	font: bold 11px Tahoma;
	color: #010d1f;
	background: url(images/corps-informations.gif) repeat-x;
	
}

#corps .informations a{
	font: bold 11px Tahoma;
	color: #153d59;
	text-decoration: none;
}

#corps .informations a:hover{
	font: bold 11px Tahoma;
}

#corps .contenu{
	width: 782px;
	padding-left: 10px;
	padding-right: 10px;
	background: #FFFFFF;
	font: 12px Tahoma;
	color: #28688c;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 123%;
	margin-bottom: 20px;
	
}

#corps .contenu textarea{
	width: 675px;
}
#corps p{
	margin: 0;
	margin-bottom: 5px;
	font: 12px Tahoma;
	color: #28688c;
	line-height: 123%;
}

#corps a{
	font: bold 12px Tahoma;
	color: #244e84;
	text-decoration: none;
}

#corps a:hover{
	font: bold 12px Tahoma;
	color: #000d1e;
	text-decoration: none;
}

#menu-droite{
	width: 187px;
	padding-left: 8px;
	float: left;
	display: inline;
	font: 12px Tahoma;
	color: #000f21;	
}

#menu-droite h3{
	margin: 0;
	height: 23px;
	width: 166px;
	background: url(images/menu-titre.gif) no-repeat;
	font: bold 12px Tahoma;
	color: #5fb1e3;
	border-bottom: 1px solid #ffffff;
	padding-top: 6px;
	padding-left: 20px;
	font-variant:small-caps;
	margin-top: 10px;
}

#menu-droite ul{
	width: 186px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

#menu-droite li{
	width: 166px;
	background: url(images/menu-droite-li.gif) no-repeat;
	padding-left: 20px;
	padding-top: 6px;
	font: bold 11px Tahoma;
	color: #000f21;
	border-bottom: 1px solid #ffffff;
	line-height: 10px;
}

#menu-droite h3 a{
	font: bold 12px Tahoma;
	color: #5fb1e3;
}

#menu-droite table{
	margin-bottom: 10px;
}

#menu-droite li a{
	font: bold 11px Tahoma;
	color: #000f21;
	text-decoration: none;
}

#menu-droite li a:hover{
	font: bold 11px Tahoma;
	color: #315687;
	text-decoration: none;
}

#menu-droite a{
	font: bold 11px Tahoma;
	color: #000f21;
}

#menu-droite form{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#menu-droite table{
	padding: 0;
	margin: 0;
}
#footer{
	width: 1182px;
	height: 15px;
	padding-left: 20px;
	padding-top: 10px;
	font: bold 11px Tahoma;
	color: #2b6b80;
	background: url(images/footer.gif) repeat-x;
}

#footer a{
	font: bold 11px Tahoma;
	color: #153d59;
	text-decoration: none;
}

/***************************************************************************************************************************************************************************************/
/*		Modif MGN GTR2		*/
/***************************************************************************************************************************************************************************************/

.gtr2_table
{
	border-style:double;	
	border-color:black; 
	border-collapse:collapse;
	width:90%; 
	background-color:white;
	font-size:11px;
}

.gtr2_table_without_width
{
	border-style:double;	
	border-color:black; 
	border-collapse:collapse;
	background-color:white;
	font-size:11px;
}

.gtr2_table_without_border
{
	background: #ccdde5;
	border: 1px solid #ffffff;
	font-size:11px;
	width:100%;
}

.gtr2_LigneSurvol
{
	background-color:#d3d3d3;
}

.gtr2_LigneCochee
{
	background-color:yellow;
}

.gtr2_normalLigne
{
	background-color:#ccdde5;
}

.gtr2_alternateLigne
{
	background-color:#ecf8fe;
}

.gtr2_voiture_normal
{
	color:black;
}

.gtr2_voiture_selected
{	
	color:red;
}

.gtr2_pilote_normal
{
	color:black;
}

.gtr2_pilote_selected
{
	color:red;
}

.gtr2_message_important
{
	color: #BF0000;
	font-weight: bold;
}


input {
	font-family:verdana, sans-serif;
}
select {
	font-family:verdana, sans-serif;
}
table {
	font-family:verdana, sans-serif;
}
td {
	font-family:verdana, sans-serif;
}
body {
	font-family:verdana, sans-serif;
}
p {
	font-family:verdana, sans-serif;
}
h2 {
	font-family:verdana, sans-serif;
}
h3 {
	font-family:verdana, sans-serif;
}
a {
	font-family:verdana, sans-serif;
}
textarea {
	font-family:verdana, sans-serif;
	font-size:10px;
}
A:LINK, A:VISITED, A:ACTIVE 
{ 
	text-decoration:none; 
	color:blue;
}
A:HOVER 
{ 
	text-decoration:UNDERLINE;
}

/***************************************************************************************************************************************************************************************/
/*		Fin Modif MGN		*/
/***************************************************************************************************************************************************************************************/


/***************************************************************************************************************************************************************************************/
/*		Modif MGN Composant Calendrier		*/
/***************************************************************************************************************************************************************************************/

#calendarDiv{
	position:absolute;
	width:255px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;
}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}

#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;
}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

/***************************************************************************************************************************************************************************************/
/*		Fin Modif MGN Composant Calendrier		*/
/***************************************************************************************************************************************************************************************/