/* CSS Document */
/************************************************************ 
 * Auteur : gersende feitouchi abatouy - Champ cargo Systems
 * Date de creation : june 2008
 * Description : CARGOLUX.com
 * Media : screen
 * page : crew training
 ************************************************************/

/********************************************************************* PAGE CREW TRAINING *************/

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

.boxicon-crew{
	color:#BEA51C;
	font-size:16px;
	width:192px;
	height:155px;
	background:url(../images/boxicons/boxcrew.jpg) left no-repeat;
}

/********** image de fond de droite ///*/
.informations-crew{
	width:219px;
	height:155px;
	background:url(../images/informations-crew.jpg) left no-repeat;
	font-size:12px;
	text-align:left;
	float:left;
}

/********** fond du menu couleur  ///*/
.menus-page-crew{
	background:url(../images/topmenu-crew.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-crew a{
	background:url(../images/icons-menus-actif.gif) top left no-repeat;
	text-decoration:none;
	height:81px;
	padding-left:18px;
	color:#BEA51C;	
}
.menu-actif-crew{
	padding-bottom:5px;	
}
/* menu actif sans ss menu*/
.menu-actif2-crew {
	background:url(../images/lign-menus.gif) left bottom no-repeat;
	height:25px;
	margin-bottom:5px;
}
.menu-actif2-crew a{
	background:url(../images/icons-menus-actif.gif) top left no-repeat;
	text-decoration:none;
	height:81px;
	padding-left:18px;
	color:#BEA51C;
}


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

/* ss menu inactif *** couleur differente suivant rubriques/*/
.news-ssmenu_inactif{
	color:#BEA51C;
	font-size:11px;
	text-decoration:none;
	padding-bottom:6px;
}
.news-ssmenu_inactif a{
	color:#BEA51C;
	font-size:11px;
	text-decoration:none;
}

/* lien page de couleur*/
.crew_orange{
	color:#BEA51C;
	font-size:14px;
	padding:10px 0px 7px 0px;
}
.crew_orange2{
	color:#BEA51C;
	font-size:14px;
	padding:10px 0px 7px 32px;
}
.crew_orange a{
	color:#999;
	font-size:14px;
	padding:15px 0px 0px 0px;
}
.crew_orange a:hover{
	color:#BEA51C;
	font-size:14px;
}


/* media request form*/
.input_Formcrew{
	border:#BEA51C 1px solid;
	background-color:#FFFFFF;
	color:#666;
	font-size:11px;
	height:20px;
}
.input_Formselectcrew{
	border:#BEA51C 1px solid;
	background-color:#FFFFFF;
	color:#666;
	font-size:11px;
	width:182px;
}

.input_Formcrewbutton{
	border:#BEA51C 1px solid;
	background-color:#EAEAEA;
	color:#BEA51C;
	font-size:11px;
	height:17px;
	margin-left:5px;
	width:63px;
}

.intituleFormcrew{
	width:155px;
}
.intituleFormcrew span{
	color:#BEA51C;
	font-size:15px;
	}
.intituleFormcrew2 span{
	color:#BEA51C;
	font-size:15px;
	}
.intituleFormcrew2{
	width:105px;
	padding-left:30px;
}
.intituleFormcrew3{
	width:165px;
	padding-left:30px;
}
.radio_title{
	width:50px;
	float:left;}
.input_title{
	width:85px;
	float:left;
}
.input_title3{
	width:120px;
	float:left;
}
.input_title2{
	width:228px;
	#width:243px;
	float:left;
	text-align:right;
}
.space_button{
	#padding-left:200px;
	padding-left:173px;
}
.mandatoryfieldscrew{
	font-size:9px;
	font-style:italic;
	color:#999;
	padding-left:7px;
	padding-top:10px;
}
.mandatoryfieldscrew span{
	color:#BEA51C;
	font-size:13px;
}
.input_Formtextareacrew{
	border:#BEA51C 1px solid;
	background-color:#fff;
	color:#666;
	font-size:11px;
	margin-left:35px;
	margin-bottom:3px;

}
.mandatorypetitC{
	color:#BEA51C;
}
.yellow_crew{
	color:#BEA51C;
	font-size:18px;
	padding-bottom:20px;
	width:450px;
	font-variant:normal;
}