/* CSS Document */

/************************************************************ 

 * Auteur : gersende feitouchi abatouy - Champ cargo Systems

 * Date de creation : june 2008

 * Description : CARGOLUX.com

 * Media : screen

 * page : maintenance

 ************************************************************/



/********************************************************************* PAGE maintenance  *************/



/******* Box qui change dans page : image + color title    */



.boxicon-maintenance{

	color:#E68E24;

	font-size:16px;

	width:192px;

	height:155px;

	background:url(../images/boxicons/boxmaintenance.jpg) left no-repeat;

}



/********** image de fond de droite ///*/

.informations-maintenance{

	width:219px;

	height:155px;

	background:url(../images/informations-maintenance.jpg) left no-repeat;

	font-size:12px;

	text-align:left;

	float:left;

}



/********** fond du menu couleur  ///*/

.menus-page-maintenance{

	background:url(../images/topmenu-maintenance.gif) #fff left top no-repeat;

	width:172px;

	float:left;

	height:281px;

	padding-left:20px;

	padding-top:50px;

	font-size:13px;

}



/* menu actif actif couleur */



/* menu actif avec ss menu*/

.menu-actif-maintenance a{

	background:url(../images/icons-menus-actif.gif) top left no-repeat;

	text-decoration:none;

	height:81px;

	padding-left:18px;

	color:#E68E24;	

}

.menu-actif-maintenance{

	padding-bottom:5px;	

}

/* menu actif sans ss menu*/



.menu-actif2-maintenance {

/*	padding-bottom:10px;	*/

	height:25px;

	margin-bottom:5px;

	background:url(../images/lign-menus.gif) left bottom no-repeat;

}

.menu-actif2-maintenance a{

	background:url(../images/icons-menus-actif.gif) top left no-repeat;

	text-decoration:none;

	height:81px;

	padding-left:18px;

	color:#E68E24;

}



/***** SS MENU RIGHT - LIST DATE + TITLE **/



/* ss menu inactif *** couleur differente suivant rubriques/*/

.news-ssmenu_inactif{

	color:#E68E24;

	font-size:11px;

	text-decoration:none;

	padding-bottom:6px;

}

.news-ssmenu_inactif a{

	color:#E68E24;

	font-size:11px;

	text-decoration:none;

}





/* titre orange entre text des page */

.orange_maintenance{

	color:#E68E24;

	font-size:18px;

	padding-bottom:20px;

	width:450px;

	font-variant:normal;

}

.maintenance_grey{

	color:#999;

	font-size:14px;

}

.maintenance_orange{

	color:#E68E24;

	font-size:14px;

	padding:15px 0px 0px 0px;

}

.maintenance_orange a{

	color:#999;

	font-size:14px;

	padding:15px 0px 0px 0px;

}

.maintenance_orange a:hover{

	color:#333;

	font-size:14px;

}



.input_maintenance{

	border:#999999 1px solid;

	background-color:#FFFFFF;

	color:#666666;

	font-size:11px;

	height:12px;

}



.intituleFormM{

	width:165px;

}

.intituleFormM span{

	color:#E68E24;

}

.intituleFormdouble{

	width:295px;

}

.intituleForm2M{

	width:80px;

}

.intituleForm2M span{

	color:#E68E24;

}

.mandatorypetitM{

	color:#E68E24;

}

.infos_formM{

	padding:1px;

	color:#3F3F3F;

	font-size:10px;

	margin-top:10px;

	/*height:200px;*/

}

.input_StaffFormtextareaM{

	border:#999 1px solid;

	background-color:#fff;

	color:#666;

	font-size:11px;

	margin-left:5px;

	margin-bottom:3px;

	

}

.input_StaffFormMbutton{

	border:#E68E24 1px solid;

	background-color:#EAEAEA;

	color:#E68E24;

	font-size:11px;

	height:17px;

	margin-left:5px;

	width:63px;

}



.space-buttonM{

	margin-top:10px;

	padding-left:65px;

}

.mandatoryfieldM{

	font-size:9px;

	font-style:italic;

	color:#999;

	padding-left:7px;

	padding-top:10px;

}

.mandatoryfieldM span{

	color:#E68E24;

	font-size:13px;

}