/* Convention de syntaxte J&K
 *
 * Un fichier ne doit correspondre qu'à UNE SEULE page, à l'exception du main.css qui ne doit contenir QUE des éléments communs à toutes les pages
 *
 * Redéfinition d'élément : MAJUSCULE (IMG, A, SPAN...)
 * Classes et identifiants : minuscule (#menu, .link_hover...)
 *
 * Indenter en fonction des éléments parents, par exemple :
 *
 * #menu{
 * 		font-weight: normal;
 * }
 *
 * 		#menu A{
 * 			font-weight: bold;
 * 		}
 *
 * Conserver l'indentation pour un div contenu dans le menu.
 * Ainsi, pour le div #le_sous_menu :
 *
 * 		#le_sous_menu{
 * 			border: solid 1px #FFF;
 * 		}
 *
 * Mettre des commentaires EN MAJUSCULE pour définir les parents principaux (conteneurs principaux, header, contenu, footer, menu)
 *
 * Le document doit être ordonnée comme suit :
 * 1- Redefinition d'éléments (BODY, IMG, A, SPAN...)
 * 2- Classe générique (.cursor, .couleur ...)
 * 3- Définition des parents principaux
 *
 * Une définition doit être ordonnée comme suit :
 * 1- Positionnement
 * 		- float
 * 		- position
 * 			- top/left
 *
 * 2- Dimensions
 * 		- width/height
 *
 * 3- Autres définitions
 * 		- Font
 * 		- ...
 *
 * 4- Margin/Padding (en dernier pour les retrouver facilement)
 */


/* -------------------------------------------------------------------
REDEFINITION D'ELEMENTS
------------------------------------------------------------------- */
*{
	/* Correction de la difference de gestion des marges par défaut entre Firefox et IE */
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

IMG{
	border: none;
}
/*
 * Fonts
 */
h1{
	color: #e2a500;
	font-size: 36px;
	font-weight: normal;
}
h2{
	color: #333333;
	font-size: 24px;
	font-weight: normal;
}
h3,
h3 a{
	color: #0A1F62;
	font-size: 18px;
	font-weight: bold;
}
h4{
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
p, input, textarea, select{
	font-size: 16px;
	color: #333333;
}
/* Définition des liens */
A, A:hover{
	position: relative;
	z-index: 10;
	cursor: pointer;
}
a{
	font-size: 16px;
	color: #2C5888;
	text-decoration: none;
}
a:hover{
	color: #091d5c;
}
li{
	list-style-type: none;
}
input{
	font-size: 16px;
	color: #000000;
	font-weight: normal;
}
label{
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	cursor: pointer;
}
select{
	height: 22px;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	border: 1px solid #999999;
	border-right: none;
	cursor: default;
	margin: 8px 0 0 0px;
}

INPUT, TEXTAREA{
	position: relative;
	z-index: 10;
}
html{
	overflow-y:scroll;
}
BODY{
	width: 100%;
	height: 100%;
	overflow-x:hidden;
	background: transparent url("../images/background/bg_fond.jpg") 0 0 repeat;
}

/* -------------------------------------------------------------------
CLASSES GENERIQUES
------------------------------------------------------------------- */
.curseur{
	cursor: pointer;
}
.clear{
	clear: both;
	display: block;
}
.overlay{
	display: none;
}
.toBeHidden, .transparent{
	display: none;
}
.blue{
	color: #2c5888;
}
.dark{
	color: #333333;
}
.ajaxMessage{
	font-size: 12px;
}
.success{
	color: #237137;
}

	.success a,
	.success a:hover{
		color:inherit;
		text-decoration:underline
	}

.error{
	color: #e11318;
}

	.error a,
	.error a:hover{
		color:inherit;
		text-decoration:underline
	}

.loaderContent{
    width: 100%;
    text-align: center;
    margin: 10px 0;
    display: none;
}

/* Formulaires */
.on input[type=text], .on .inputText,
.on textarea{
	border-color: #091d5c;
	border-style: solid;
	color: #091d5c;
	cursor: pointer;
	border-width: 1px;
}
.error input, .error .inputText,
.error select,
input.error{
	border-color: #e11318;
	border-width: 2px;
}

.inputLabel{
	float: left;
	margin-right: 15px;
	padding-top: 2px;
}
.inputText{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #a3a3a3;
	height: 34px;
	line-height: 34px;
	margin: 1px 0;
	padding: 0 4px;
	width: 348px;
}
.on.textarea{
	color: #ff690a;
	background: url("../images/textarea_on.jpg") no-repeat;
	cursor: pointer;
}
.textarea{
	height: 59px;
	width: 356px;
	margin-bottom: 5px;
}
.wide .textarea{
	height: 235px;
	width: 886px;
}
.textareaMission{
	height: 74px;
	width: 356px;
	margin-bottom: 5px;
}
.inputRadio,
.inputCheckbox{
	float: left;
	margin: 4px 10px 0 0;
}
.radioLabelInline,
.checkboxLabelInline{
	float: left;
	margin: 4px 15px 0 0;
}

.inputSubmit{
	float: left;
	width: 168px;
	height: 37px;
	background: url("../images/boutons/btn_enregistrer.png") no-repeat;
	border: none;
	cursor: pointer;
	margin: 0 0 0 20px;
	display: block;
}
.btnAnnuler,
.btnSupprimer{
	float: left;
	margin: 0 0 0 20px;
}
.btnAnnulerTelUtiles{
	margin-left: 12px;
}

.selectSize1,
.inputTextSize1{
	width: 60px;
}

.selectSize1_2{
	width: 100px;
}

.selectSize2,
.inputTextSize2{
	width: 150px;
}

.inputTextSizeUserSiegeAvion{
	width: 85px;
}

.inputTextSizeUserBilletAvion{
	width: 116px;
}

.inputTextSizeUserPnrAvion{
	width: 116px;
}

.inputTextSizeUserTarifAvion{
    width: 52px;
}

.inputTextSizeInfosUserTrain{
	width: 70px;
}

.inputTextSize3{
	width: 250px;
}

.selectSize5{
	width: 175px;
}

.selectSize6{
	width: 250px;
}

.inputTextSizeAjoutUser{
	width: 235px;
}

/*
 * Formulaires vérouillé
 */
.locked .repLineBoxInfo{
	margin-top: 7px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.locked input,
.locked textarea,
.locked select,
.locked label{
	display: none;
}

/*
 * Pictos
 */
.pictoAvion{
	width: 55px;
	height: 34px;
	background: url("../images/picto_avion.png") no-repeat;
}
.pictoTrain{
	width: 48px;
	height: 40px;
	background: url("../images/picto_train.png") no-repeat;
}
.pictoCamion{
	width: 46px;
	height: 30px;
	background: url("../images/picto_camion.png") no-repeat;
}
.pictoVoiture{
	width: 55px;
	height: 29px;
	background: url("../images/picto_voiture.png") no-repeat;
}
.pictoTaxi{
	width: 55px;
	height: 30px;
	background: url("../images/picto_taxi.png") no-repeat;
}
.pictoBus{
	width: 55px;
	height: 30px;
	background: url("../images/picto_bus.png") no-repeat;
}
.pictoHebergement{
	width: 15px;
	height: 14px;
	background: url("../images/picto_hebergement.png") no-repeat;
}
.pictoFeedback{
	width: 14px;
	height: 13px;
	background: url("../images/picto_feedback.png") no-repeat;
}


/* Encarts */
.box{
	margin: 0 auto;
}
	.box_shadow_top{
		background: url("../images/box/box_shadow.png") center top no-repeat;
		width: 100%;
		height: 200px;
		margin-bottom: -200px;
	}
	.box_content{
		background-color: #ECECEC;
		width: 915px;
		margin: 10px 18px 0px;
		border: 5px solid #FFFFFF;
		padding: 20px;
	}
	#titlePage .box_content{
		background-color: #dbdbdb;
		min-height: 42px;
	}
	.box_shadow_bottom{
		background: url("../images/box/box_shadow_bottom.png") center top no-repeat;
		width: 100%;
		height: 15px;
		margin-bottom: -15px;
	}

/* Liste utilisateurs (transports) */
.boxEcurie{
	margin: 0 -11px 20px -10px;
}
	.boxEcurieTitle{
		width: 100%;
		height: 34px;
		background: url("../images/box/bg_box_ecurie_title.jpg") repeat-x left top transparent;
		clear: both;
	}
		.boxEcurieTitle h3{
			padding: 6px 0 0 0;
		}
	.boxEcurieTitle .logo_team{
		margin: 0 0 0 11px;
	}
	.boxEcurie .listeTeamUser{
		background: #f1f1f1 url("../images/box/bg_box_ecurie_listuser.png") repeat-x left top;
		border-bottom: 1px solid #c6c6c6;
	}
	.boxEcurie .listeTeamUser .listName{
		border-width: 0px 1px 1px 0;
		border-style: solid;
		border-color: #c6c6c6;
		width: 294px;
		margin: 0 0 -1px 0;
		padding: 10px 0 8px 10px;
		height: 35px;
	}

/* Boutons */
.genericButton{
	display:inline-block;
	width:auto;
	height:auto;
	padding:8px 15px 6px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:20px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #0253ab;
	border-radius:4px;
	background:#3e7bbe;
	-webkit-transition: background 200ms;
	-moz-transition: background 200ms;
	-o-transition: background 200ms;
    transition: background 200ms;
}
	.genericButton:hover{
		background:#0253ab;
		color:#ffffff;
	}

	.genericButton.uppercase{
		font-size:16px;
		line-height:18px;
		text-transform:uppercase;
	}

	.genericButton.minWidth{
		min-width:135px;
	}
	input.genericButton.minWidth{
		min-width:167px;
	}

	.genericButton.red{
		border-color:#940202;
		background:#d60c0c;
	}
		.genericButton.red:hover{
			background:#940202;
		}

	.genericButton.orange{
		border-color:#b58503;
		background:#e2a500;
	}
		.genericButton.orange:hover{
			background:#b58503;
		}

	.genericButton.yellow{
		border-color:#c19809;
		background:#deb31e;
	}
		.genericButton.yellow:hover{
			background:#c19809;
		}

/* -------------------------------------------------------------------
AUTRES DEFINITIONS
------------------------------------------------------------------- */
/*
 * CONTENEURS GLOBAUX
 */
#global{
	width: 100%;
	height: 100%;
	background: url("../images/background/bg_corner.png") no-repeat fixed left top transparent;
}
	#container{
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 200px;
		position: relative;
	}
		#wrap{
			min-height: 100px;
		}

/*
 * ENTETE
 */
#header{
	width: 1000px;
	height: 200px;
	background: transparent url("../images/background/bg_feuilles.png") repeat-x;
	margin-bottom: -200px;
}

/*
 * BARRE DE SIMULATION D'UTILISATEUR
 */
#simulationBlock{
	position:relative;
	height:39px;
	background:#e2a500;
	border-bottom:1px solid #ffffff;
}

	#simulationBlock .endSimulationBtn{
		position:absolute;
		top:7px;
		right:10px;
		width:25px;
		height:25px;
		background:transparent url("../images/btn_close_simulation_off.png") no-repeat;
	}
		#simulationBlock .endSimulationBtn:hover{
			background-image:url("../images/btn_close_simulation_on.png");
		}

	#simulationBlock .content{
		width:915px;
		margin:0 auto;
		padding:10px;
		font-size:14px;
		text-align:center;
		color:#ffffff;
	}

		#simulationBlock .content .userName{
			color:#000000;
			font-weight:bold;
		}

/*
 * MENU // SOUS-MENU // ONGLETS
 */
#menu{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #414141 url("../images/menu/bg_menu.jpg") repeat-x;
	margin-top: 1px;
	z-index: 100;
	height: 60px;
}
	#languageSelector{
		position:absolute;
		left:0;
		top:25px;
	}
		#languageSelector ul{
			
		}
			#languageSelector ul li{
				display:inline-block;
				font-size:12px;
				line-height:14px;
				color:#ffffff;
				padding-left:5px;
			}
				#languageSelector ul li:before{
					content:'';
					display:inline-block;
					width:1px;
					height:10px;
					background:#ffffff;
					margin-right:5px;
				}
					#languageSelector ul li:first-child:before{
						content:'';
						display:inline-block;
						width:0;
					}
				#languageSelector ul li.selected{
					text-decoration:underline;

				}

				#languageSelector ul li a{
					font-size:12px;
					line-height:12px;
					color:#ffffff;
					text-decoration:none;
				}
					#languageSelector ul li a:hover{
						text-decoration:underline;
					}
	#logo{
		position:relative;
		padding: 7px 0 0 0;
		text-align: center;
	}
		#logo .helpBtn{
			position:absolute;
			right:0;
			top:16px;
			display:block;
			width:25px;
			height:25px;
			background:transparent url("../images/menu/aide.png") no-repeat;
		}
			#logo .helpBtn:hover{
				background-image:url("../images/menu/aide_on.png");
			}
	#menu #encartRight{
		position: absolute;
		top: 0;
		left: 0;
		padding: 0px 0 0 55px;
	}
		#boxButton{
			float: left;
			width: 100%;
			height: 33px;
			margin: -33px 0 0 0;
			overflow: hidden;
			position: relative;
		}

			#btnAccueil,
			#btnDeconnexion,
			#btnRecherche{
				float: left;
				margin-top:10px;
				display:inline-block;
				min-width:75px;
				background:#d1a715;
				font-size:12px;
				color:#5b4600;
				font-weight:bold;
				text-align:center;
				border:1px solid #a77b0d;
				border-radius:4px 4px 0 0;
				padding:4px 5px 20px 5px;
				cursor:pointer;
				-webkit-transition: margin-top 200ms;
				-moz-transition: margin-top 200ms;
				-o-transition: margin-top 200ms;
			    transition: margin-top 200ms;
			}

				#btnAccueil.active,
				#btnAccueil:hover,
				#btnDeconnexion:hover,
				#btnRecherche:hover{
					margin-top:0;
				}
				
			#btnDeconnexion{
				float: right;
			}

	#menu .rechercheBlock{
		position:absolute;
		right:30px;
		top:-32px;
		width:87px;
		height:32px;
		overflow:hidden;
	}

	#menu .container{
		width: 900px;
		margin: 0 auto;
		text-align: center;
		padding: 8px 247px 0 247px;
	}
		.btnMenu{
			display:inline-block;
			height: 40px;
			text-align: left;
			padding: 2px 5px 0 4px;
		}

		.btnMenu a,
		.btnMenu span{
			display:inline-block;
			color:#ffffff;
			font-size:14px;
			font-weight:bold;
			background:#d1a715;
			border:1px solid #a77b0d;
			border-radius:4px;
			padding:11px;
		}

		.btnMenu a:hover,
		.btnMenu.activeMenu a,
		.btnMenu.activeMenu span{
			color:#d1a715;
			background:#ffffff;
		}

#subMenu{
	position: fixed;
	bottom: 60px;
	left: 0;
	height: 45px;
	width: 100%;
	background: #2E2E2E url("../images/menu/bg_submenu.jpg") repeat-x;
	padding: 0px 20px;
	border-bottom: 1px solid #FFFFFF;
	z-index: 90;
}
	#subMenu .container{
		width: 1065px;
		height: 100%;
		margin: 0 auto;
		text-align: center;
		background: url("../images/menu/sep_submenu.jpg") left top no-repeat;
		padding: 0px 2px;
	}
	#subMenu.menuUser .container{
		width: 250px;
	}
		.btnSubMenu,
		.btnSubMenuSpec{
			float: left;
			text-align: left;
			background: url("../images/menu/sep_submenu.jpg") right top no-repeat;
			padding: 0 2px 0 0px;
			position: relative;
			border-bottom: 1px solid #404040;
			margin-bottom: -1px;
		}
			.btnSubMenu a, .btnSubMenuSpec a{
				font-size: 16px;
				font-weight: normal;
				color: #e6e6e6;
				text-decoration: none;
				display: inline-block;
				height: 19px;
				padding: 10px 10px 15px;
				font-size: 15px;
				padding: 10px 8px 15px 7px;
			}
			.btnSubMenu a:hover, .btnSubMenuSpec a:hover{
				color: #414141;
				background: #E4E4E4 url("../images/menu/bg_submenu_over.jpg") repeat-x;
			}
		.activeSubMenu .fleche{
			width: 100%;
			height: 19px;
			margin-top: -1px;
			background: transparent url("../images/menu/fleche.png") center top no-repeat;
			position: absolute;
			z-index: 20;
		}
		.activeSubMenu a{
			color: #414141;
			background: #E4E4E4 url("../images/menu/bg_submenu_over.jpg") repeat-x;
		}

#onglets{
	position: fixed;
	bottom: 106px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	z-index: 100;
}
	.btnOnglet{
		background-color: #ececec;
		border: 1px solid #c19809;
		display: inline-block;
	}
	*+html .btnOnglet{
		float: left;
		display: block;
	}
		.btnOnglet a,
		.btnOnglet span{
			display: block;
			padding: 8px 10px 12px 10px;
			float: left;
			color: #FFFFFF;
			background: #deb31e url("../images/menu/bg_onglet.jpg") repeat-x;
		}
		.btnOnglet a:hover,
		.btnOnglet span:hover,
		.activeOnglet a,
		.activeOnglet span{
			color: #414141;
		}
		.activeOnglet a,
		.activeOnglet span{
			background: #c19809 url("../images/menu/bg_onglet_over.jpg") repeat-x;
		}

	.sepOnglet{
		display: inline-block;
	}
	*+html .sepOnglet{
		float: left;
		display: block;
	}
/*
 * Liste des événements
 */
#switch_evenement_or_mission_menu.wideScreen{
    position: fixed;
    display: block;
    right: 0;
    top: 0;
    left: auto;
}
	body.simulation #switch_evenement_or_mission_menu.wideScreen{
	    top: 40px;
	}

.liste_evenements_or_mission,
.liste_ordres_mission{
	width: 290px;
	height: 234px;
	right: 17px;
	top: 97px;
	border: 5px solid #FFFFFF;
	border-top-width: 6px;
	border-bottom-width: 6px;
	z-index: 50;
	display: none;
	position: absolute;
	float: right;
}
*+html .liste_evenements_or_mission,
*+html .liste_ordres_mission{
	top: 116px;
}
	.liste_evenements_or_mission .filtreEventOrOMList input,
	.liste_ordres_mission .filtreEventOrOMList input{
		width: 280px;
		height: 34px;
		line-height: 34px;
		margin: 0;
	}
	.boxMenu{
		position: absolute;
		height: 18px;
		width: 100%;
		bottom: 0;
		left: 0;
		background-color: #FFFFFF;
		text-align: center;
	}
		#switch_evenement_or_mission_menu .boxMenu{
			display:none;
		}
		.boxMenu span{
			width: 20px;
			height: 15px;
			display: inline-block;
			margin: 5px 7px 0;
			cursor: pointer;
		}
		.boxMenu .top{
			background: #FFFFFF url("../images/boutons/fleche_liste_top.png");
		}
		.boxMenu .top:hover{
			background: #FFFFFF url("../images/boutons/fleche_liste_top_over.png");
		}
		.boxMenu .bottom{
			background: #FFFFFF url("../images/boutons/fleche_liste_bottom.png");
		}
		.boxMenu .bottom:hover{
			background: #FFFFFF url("../images/boutons/fleche_liste_bottom_over.png");
		}
	.boxEventOrOm{
		height: 200px;
		overflow: hidden;
		z-index: 500;
		background-color: #E3E3E3;
	}
		#switch_evenement_or_mission_menu .boxEventOrOm{
			overflow-y: auto;
		}
		.boxEventOrOm .item_evenement,
		.boxEventOrOm .item_mission,
		.boxEventOrOm .item_user,
		.boxEventOrOm .item_hebergement,
		.boxEventOrOm .item_demande_mission{
			padding: 9px 5px;
			color: #e2a500;
			font-size: 14px;
			font-weight: normal;
			cursor: pointer;
			border-bottom: 1px solid #c6c6c6;
		}
			.boxEventOrOm .item_evenement .year,
			.boxEventOrOm .item_mission .year{
				font-size: 12px;
			}
			
			.boxEventOrOm .item_evenement.item_hidden_scope,
			.boxEventOrOm .item_mission.item_hidden_scope,
			.boxEventOrOm .item_user.item_hidden_scope,
			.boxEventOrOm .item_hebergement.item_hidden_scope,
			.boxEventOrOm .item_demande_mission.item_hidden_scope{
				display:none;
			}
		.boxEventOrOm .whiteLine{
			background-color: #ececec;
		}
		.boxEventOrOm .greyLine{
			background-color: #e3e3e3;
		}
		.boxEventOrOm .item_evenement:hover,
		.boxEventOrOm .item_mission:hover,
		.boxEventOrOm .item_user:hover,
		.boxEventOrOm .item_hebergement:hover,
		.boxEventOrOm .item_demande_mission:hover{
			font-weight: bold;
			color: #000000;
			background-color: #f6f6f6;
		}
		.boxEventOrOm .item_evenement:hover .nomItem,
		.boxEventOrOm .item_mission:hover .nomItem,
		.boxEventOrOm .item_user:hover .nomItem,
		.boxEventOrOm .item_hebergement:hover .nomItem,
		.boxEventOrOm .item_demande_mission:hover .nomItem{
			display: inline-block;
			overflow: hidden;
			width: 235px;
		}
		.boxEventOrOm .item_evenement:hover .fleche,
		.boxEventOrOm .item_mission:hover .fleche,
		.boxEventOrOm .item_user:hover .fleche,
		.boxEventOrOm .item_hebergement:hover .fleche,
		.boxEventOrOm .item_demande_mission:hover .fleche{
			width: 24px;
			height: 24px;
			margin-top: -3px;
			display: inline-block;
			float: right;
			background: transparent url("../images/boutons/fleche_liste_over.png") no-repeat;
		}
		*+html .boxEventOrOm .item_evenement:hover .fleche,
		*+html .boxEventOrOm .item_mission:hover .fleche,
		*+html .boxEventOrOm .item_user:hover .fleche,
		*+html .boxEventOrOm .item_hebergement:hover .fleche,
		*+html .boxEventOrOm .item_demande_mission:hover .fleche{
			margin-top: -20px;
		}
		.boxEventOrOm .item_user .buttons{
			display:inline-block;
			float:right;
			margin: -20px 0 0 0;
		}
			.boxEventOrOm .item_user .buttons .fleche{
				margin-top: 0;
			}
			.boxEventOrOm .item_user .buttons .simulateBtn{
				display: none;
			}
			.boxEventOrOm .item_user:hover .buttons .simulateBtn{
				display: inline-block;
				width: 24px;
				height: 24px;
				margin: 0 10px 0 0;
				background: transparent url("../images/boutons/simulate_liste.png") no-repeat;
			}
				.boxEventOrOm .item_user:hover .buttons .simulateBtn:hover{
					background-image: url("../images/boutons/simulate_liste_over.png");
				}
				.boxEventOrOm .item_user:hover .buttons .simulateBtn:hover + .fleche{
					background-image: url("../images/boutons/fleche_liste.png");
				}
			.boxEventOrOm .item_user .buttons .separator{
				display: none;
			}
			.boxEventOrOm .item_user:hover .buttons .separator{
				display: inline-block;
				width: 1px;
				height: 24px;
				margin: 0 10px 0 0;
				background: #c6c6c6;
			}
		#switch_evenement_or_mission_menu .boxEventOrOm .submitLoader{
			width:32px;
			margin:20px auto;
		}
.liste_evenements_or_mission_on_clic{
	position: absolute;
	z-index: 110;
}
.liste_evenements_or_mission .box_shadow_bottom,
.liste_ordres_mission .box_shadow_bottom{
	width: 300px;
	bottom: -6px;
	left: -5px;
	position: absolute;
}

/*
 * POPIN
 */
#overlayPopin {
	background-color: #000000;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 700;
	filter:alpha(opacity=80);
	opacity:.80;
	zoom: 1;
	position: fixed;
	display: none;
}
#popin{
	width: 1000px;
	top: 20px;
	left: 0;
	margin: 0 auto;
	float: left;
	display: none;
	position: absolute;
	z-index: 1000;
}
	#popin h1{
		color: #3e7bbe;
	}
	#popin h3{
		color: #333333;
	}
	#popin p{
		color: #3e7bbe;
	}
	#popin .btnClosePopin{
		width: 45px;
		height: 45px;
		top: 0;
		right: 0;
		margin: 8px 15px 0 0;
		position: absolute;
		background: transparent url("../images/boutons/btn_close_popin.png") right top no-repeat;
		z-index: 1000;
		cursor: pointer;
	}
		#popin .lineError{
			width: 100%;
			float: left;
		}
		#popin p.erreur{
			width: 100%;
			margin-bottom: 20px;
			color: #E11218;
			font-size: 14px;
			display: none;
		}
		#popin .boxtitle{
			clear: both;
			margin: 0px -43px 25px;
		}
		#popin .popintitle{
			clear: none;
			margin-top: -35px;
			padding-top: 1px;
		}
		#popin .colForm h3{
			margin-bottom: 10px;
		}
		#popin .colForm{
			clear: left;
		}
		#popin .lineForm{
			width: 450px;
			margin-bottom: 25px;
			float: left;
		}
		#popin .fullLineForm{
			width: 100%;
		}
		#popin .lineFormBase{
			width: 100%;
		}
		#popin .lineForm .inputText{
			float: none;
			width: 300px;
		}
		#popin .ecilco{
			height: 40px;
		}
			#popin .ecilco .inputCheckbox{
				margin-top: 10px;
			}
		#popin .lineForm  textarea{
			float: none;
			width: 308px;
		}
		#popin .lineForm  input[type=checkbox] {
			float: left;
			margin: 0 10px 0 0;
		}
		#popin .lineForm  input[type=checkbox].checkboxInput {
			margin: 10px 10px 0 0;
		}
		#popin .lineForm p,
		#popin .lineForm label{
			float: left;
			width: 100px;
			margin: 0px 10px 0 0;
			color: #333333;
			font-size: 14px;
		}
		#popin .lineForm label.checkboxLabel{
			width: auto;
			margin: 8px 40px 0 0;
		}
		#popin .lineForm p{
			margin-top: 10px;
		}
		#popin .lineForm p.nomargin{
			margin-top: 0px;
		}
		#popin .lineForm select{
			margin-bottom: 10px;
		}
		#popin .lineFormAjout{
			clear: both;
		}
		#popin .lineFormAjout .inputText{
			float: left;
		}
		#popin .lineFormAjout .btnAjoutParticipant{
			margin: 0px 0 0 15px;
		}
		#popin .lineFormAjout select{
			float: left;
			margin-left: 15px;
		}
		#popin .lineFormBase select{
			width: 180px;
		}

		#popin .lineBtnForm{
			background: #dadada url("../images/box/bg_valid_form.jpg") repeat-x;
			height: 45px;
			margin: 20px -20px -20px -20px;
			padding: 13px 0 0 0;
			text-align: center;
		}
			#popin .lineBtnForm input,
			#popin .lineBtnForm span{
				display: inline-block;
				float: none;
				vertical-align: top;
			}
			.lineBtnForm span.submitLoader{
				width: 24px;
				height: 24px;
				margin: 0 -24px 0 0;
			}
			.lineBtnForm span.submitLoader img{
				width: 24px;
				height: 24px;
				margin: 5px 0 0 0;
				display: none;
			}
			#popin #cke_texte_information_update{
				float:left;
			}
			#popin table{
				width: 100%;
				border:1px solid #c1c1c1;
				border-top: none;
				border-left: none;
				margin: 20px 0;
			}
			#popin table.cke_editor{
				margin: 0;
			}
				#popin table td{
					padding:5px;
					border:1px solid #c1c1c1;
					border-bottom:none;
					border-right:none;
				}
				.btnDelParticipant{
					margin-top: 5px;
				}

				.btnBilletElectronique{
				    height: 41px;
				    padding: 0 2px 0 3px;
				    display: inline-block;
				}
				.btnDeleteBilletElectronique{
				    cursor: pointer;
				}
				.loaderBilletElectronique{
                    width: 31px;
                    height: 31px;
                    padding: 5px 0 5px 0;
                    display: none;
				}
			
			
/*
 * POPIN DE GESTION DES SAISIES AUTOMATIQUES
 */
#overlayPopinAutoInputManagement {
	background-color: #000000;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 1400;
	filter:alpha(opacity=80);
	opacity:.80;
	zoom: 1;
	position: fixed;
	display: none;
}
#popinAutoInputManagement{
	width: 1000px;
	top: 20px;
	left: 0;
	margin: 0 auto;
	float: left;
	display: none;
	position: absolute;
	z-index: 2000;
}
	#popinAutoInputManagement h1{
		color: #3e7bbe;
	}
	#popinAutoInputManagement h3{
		color: #333333;
	}
	#popinAutoInputManagement p{
		color: #3e7bbe;
	}
	#popinAutoInputManagement .btnClosePopinAutoInputManagement{
		width: 45px;
		height: 45px;
		top: 0;
		right: 0;
		margin: 8px 15px 0 0;
		position: absolute;
		background: transparent url("../images/boutons/btn_close_popin.png") right top no-repeat;
		z-index: 1000;
		cursor: pointer;
	}
		#popinAutoInputManagement .lineError{
			width: 100%;
			float: left;
		}
		#popinAutoInputManagement p.erreur{
			width: 100%;
			margin-bottom: 20px;
			color: #E11218;
			font-size: 14px;
			display: none;
		}
		#popinAutoInputManagement .boxtitle{
			clear: both;
			margin: 0px -43px 25px;
		}
		#popinAutoInputManagement .popintitle{
			clear: none;
			margin-top: -35px;
			padding-top: 1px;
		}
		#popinAutoInputManagement .colForm h3{
			margin-bottom: 10px;
		}
		#popinAutoInputManagement .colForm{
			clear: left;
		}
		#popinAutoInputManagement .lineForm{
			width: 450px;
			margin-bottom: 25px;
			float: left;
		}
		#popinAutoInputManagement .fullLineForm{
			width: 100%;
		}
		#popinAutoInputManagement .lineForm .inputText{
			float: none;
			width: 300px;
		}
		#popinAutoInputManagement .ecilco{
			height: 40px;
		}
			#popinAutoInputManagement .ecilco .inputCheckbox{
				margin-top: 10px;
			}
		#popinAutoInputManagement .lineForm  textarea{
			float: none;
			width: 308px;
		}
		#popinAutoInputManagement .lineForm  input[type=checkbox] {
			float: left;
			margin: 3px 10px 0 0;
		}
		#popinAutoInputManagement .lineForm p,
		#popinAutoInputManagement .lineForm label{
			float: left;
			width: 100px;
			margin: 0px 10px 0 0;
			color: #333333;
			font-size: 14px;
		}
		#popinAutoInputManagement .lineForm p{
			margin-top: 10px;
		}
		#popinAutoInputManagement .lineForm p.nomargin{
			margin-top: 0px;
		}
		#popinAutoInputManagement .lineForm select{
			margin-bottom: 10px;
		}
		#popinAutoInputManagement .lineFormAjout{
			clear: both;
		}
		#popinAutoInputManagement .lineFormAjout .inputText{
			float: left;
		}
		#popinAutoInputManagement .lineFormAjout .btnAjoutParticipant{
			margin: 0px 0 0 15px;
		}
		#popinAutoInputManagement .lineFormAjout select{
			float: left;
			margin-left: 15px;
		}

		#popinAutoInputManagement .lineBtnForm{
			background: #dadada url("../images/box/bg_valid_form.jpg") repeat-x;
			height: 45px;
			margin: 20px -20px -20px -20px;
			padding: 13px 0 0 0;
			text-align: center;
		}
			#popinAutoInputManagement .lineBtnForm input,
			#popinAutoInputManagement .lineBtnForm span{
				height: 37px;
				display: inline-block;
				float: none;
				vertical-align: top;
			}
			#popinAutoInputManagement table{
				width: 100%;
				border:1px solid #c1c1c1;
				border-top: none;
				border-left: none;
				margin: 0;
			}
			#popinAutoInputManagement table.cke_editor{
				margin: 0;
			}
			
				#popinAutoInputManagement table td{
					padding:5px;
					border:1px solid #c1c1c1;
					border-bottom:none;
					border-right:none;
				}
				
				#popinAutoInputManagement table td.texteContainer{
					cursor:pointer;
				}
				
					#popinAutoInputManagement table td.actions{
						width:168px;
					}
						#popinAutoInputManagement table td.actions.actionsHidden{
							display:none;
						}
				
						#popinAutoInputManagement table td.actions .radioReference{
							float:left;
							display:inline-block;
						}
				
						#popinAutoInputManagement table td.actions .checkboxRemplacerContainer{
							display:none;
						}
				
							#popinAutoInputManagement table td.actions .checkboxRemplacerContainer .checkboxRemplacer{
								float:left;
								display:inline-block;
							}
				
						#popinAutoInputManagement table td.actions label{
							float:left;
							display:inline-block;
							width:150px;
							margin-left:5px;
						}
				
						#popinAutoInputManagement table td.actions .inputSubmit{
							margin:0;
							display:none;
						}
				
					#popinAutoInputManagement table td .inputText{
						width: 97%;
						display:none;
					}
					
		#popinAutoInputManagement .btnRemplacer{
			display:none;
			float:right;
			cursor:pointer;
			margin:10px 0 10px 20px;
		}	
		#popinAutoInputManagement .btnAnnuler{
			display:none;
			float:right;
			cursor:pointer;
			margin:10px 0 10px 20px;
		}
		
/*
 * POPIN DE SUGGESTIONS DE CREATION AUTOMATIQUE
 */
#boxSuggestionsTransports label .choixUtilisateur{
	display:none;
	font-weight:bold;
}
	#boxSuggestionsTransports label .choixUtilisateur.show{
		display:inline;
	}
				
				
/*
 * CONTENU
 */
#wrapper{
	width: 1000px;
	margin: 0 auto;
}
	#titlePage{
		margin-bottom: -30px;
		position: relative;
	}
		#titlePage .title{
			float: left;
		}
			#titlePage .title .date,
			#titlePage .title .year{
				font-size: 26px;
			}
		#titlePage .other_evenements,
		#titlePage .other_ordres_mission{
			margin-top: 5px;
			float: right;
			cursor: pointer;
			width: 107px;
		}
		#titlePage .other_ordres_mission{
			width: 90px;
		}
		#titlePage .other_evenements p,
		#titlePage .other_ordres_mission p{
			text-align:right;
			color: #5b4600;
			font-size: 12px;
		}
		#titlePage .other_evenements img,
		#titlePage .other_ordres_mission img{
			float: right;
		}


	#options,
	.boxError{
		width: 906px;
		padding: 5px 8px;
		margin: 0 0 20px 0;
		border: 1px solid #d8dcde;
		position: relative;
	}
	.boxError{
		color:#E11218;
	}
		.boxError a,
		.boxError a:hover{
			color:inherit;
			text-decoration:underline
		}
	#options{
		width: 900px;
	}
	#options.locked,
	#options .locked{
		display: none;
	}
		.boxOption{
			height: 40px;
			margin-right: 20px;
			float: left;
		}
			.titleOptions{
				float: left;
				margin: 8px 15px 0 0;
				font-size: 16px;
				font-weight: bold;
			}
		.btnPdf,.btnCsv,.btnExcel{
			float: right;
		}

	/* Encart titre */
	.boxTitle{
		background: transparent url("../images/box/bg_box_title.png") left top no-repeat;
		height: 37px;
		width: 918px;
	}
		.boxTitle h1,
		.boxTitle h1 a{
			padding: 5px 0 0 12px;
			color: #FFFFFF;
			font-size: 18px;
			font-weight: normal;
		}
	/* Elements communs à Box Infos et Box Content */
	.boxInfo,
	.boxContent{
		margin-top: -1px;
		margin-bottom: 20px;
	}
	.contentBoxInfo,
	.contentBoxContent{
		border-bottom: 1px solid #B6B6B6;
		padding-left: 1px;
		width: 917px;
	}
	.contentBoxInfo{
	    display: none;
	}
		.topBoxInfo,
		.topBoxContent{
			width: 918px;
			height: 73px;
			cursor: pointer;
			position: relative;
		}
		.boxInfo.inactif .topBoxInfo{
			cursor: default;
		}
			.boxInfo.inactif .topBoxInfo .fleche{
				background-image: none;
			}
			.topBoxInfo .fleche,
			.topBoxContent .fleche{
				width: 35px;
				height: 24px;
				right: 15px;
				bottom: 15px;
				background-image: url("../images/box/fleche_down.png");
				position: absolute;
			}
				.topBoxInfo:hover .fleche,
				.topBoxContent:hover .fleche{
					background-image: url("../images/box/fleche_down_over.png");
				}
				.boxInfo.actif .fleche,
				.boxContent.actif .fleche{
					background-image: url("../images/box/fleche_up_over.png");
				}
			.topBoxInfo .pictoPJ{
				width: 38px;
				height: 17px;
				right: 65px;
				bottom: 15px;
				background-image: url("../images/picto_attachment_calendrier.png");
				position: absolute;
			}
			.shadowTopBoxInfo,
			.shadowTopBoxContent{
				background: transparent url("../images/box/shadow_box_info.png") right top no-repeat;
				height: 10px;
				margin-bottom: -10px;
				position: relative;
				z-index: 30;
			}
	.shadow_contentBoxInfo{
		clear: both;
		background: transparent url('../images/box/contentbox_shadow_bottom.png') no-repeat center bottom;
		height: 20px;
		margin-bottom: -21px;
		width: 918px;
	}

	/* Box Infos (evenements etc...) */
	.boxInfo{
		clear:both;
	}
	.contentBoxInfo{
		width: 894px;
		padding: 18px 12px 12px;
		background: url("../images/box/bg_content_box_info.jpg") repeat-y scroll left top #FFFFFF;
		position: relative;
	}
		.topBoxInfo,
		.boxInfo.inactif .topBoxInfo:hover{
			background: url("../images/box/top_box_info.jpg") right top no-repeat;
			z-index: 20;
		}
			.topBoxInfo h3{
				margin-left: 12px;
				padding-top: 8px;
			}
			.topBoxInfo p{
				width: 850px;
				height: 16px;
				margin: 5px 12px 0;
				font-size: 14px;
			}

		.topBoxInfo:hover,
		.boxInfo.actif .topBoxInfo,
		.boxContent.actif .topBoxInfo{
			background-image: url("../images/box/top_box_info_over.jpg");
		}

		.lineBoxInfo,
		.lineBoxInfoTextarea{
			float: left;
		}
		.lineBoxInfo .content_lineBoxInfo,
		.lineBoxInfoTextarea .content_lineBoxInfo{
			background: url("../images/box/line_box_info.jpg") no-repeat scroll center top #DDDDDD;
			border-right: 1px solid #CCCCCC;
			min-height: 66px;
			padding: 6px 13px 0;
			width: 431px;
		}
			.lineBoxInfo.wide .content_lineBoxInfo,
			.lineBoxInfoTextarea.wide .content_lineBoxInfo{
				width: 889px;
				min-height:85px;
				background-image: url("../images/box/line_box_info_wide.jpg");
			}
		.lineBoxInfo.lineBoxInfoPj .content_lineBoxInfo{
			min-height: 112px;
		}
		.lineBoxInfo.lineBoxInfoPj .content_lineBoxInfo hr{
			margin:5px 0;
		}
		.lineBoxInfo:hover .content_lineBoxInfo,
		.lineBoxInfoTextarea:hover .content_lineBoxInfo{
			background: #f8f8f8 url("../images/box/line_box_info_over.jpg") center top no-repeat;
		}
			.lineBoxInfo.wide:hover .content_lineBoxInfo,
			.lineBoxInfoTextarea.wide:hover .content_lineBoxInfo{
				background-image: url("../images/box/line_box_info_wide_over.jpg");
			}

			.contentBoxInfo .listeUser{
				padding-bottom: 20px;
			}
			.contentBoxInfo .listeUser{
				margin-bottom: -15px;
			}
			.lineBoxInfo h1{
				font-size: 16px;
				color: #000000;
				font-weight: bold;
			}
			.transparent.lineBoxInfo{
				width: 918px;
				min-height: 0;
				height: auto;
				padding: 6px 13px 0;
				background: none;
			}
			.transparent.lineBoxInfo:hover{
				background: none;
			}

		.shadow_lineBoxInfo{
			background: transparent url("../images/box/shadow_line_box_info.png") left top no-repeat;
			width: 458px;
			height: 5px;
			margin: -1px 0 -4px 0;
			position: relative;
		}
			.wide .shadow_lineBoxInfo{
				background-image: url("../images/box/shadow_line_box_info_wide.png");
				width: 917px;
			}
		
		.repLineBoxInfo{
			display: none;
		}
		.descLineBoxInfo{
			color: #333333;
			font-size: 16px;
		}
		.lineBtnForm,
		.lineBtnFormAdmin{
			clear: left;
			padding: 18px 0 12px 0;
		}


	/*
	 * Box Content (transports etc...)
	 * --> Voie transport.css
	 */
	.boxContent{
	}
	.contentBoxContent{
		background: url("../images/box/bg_content_box_info.jpg") repeat-y scroll center top #FFFFFF;
		padding: 20px 12px 0 12px;
		width: 894px;
	}
		.topBoxContent{
			background: url("../images/box/top_box_content.jpg") right top no-repeat;
			z-index: 20;
			min-height:66px;
			height:auto;
			padding:0 0 7px 0;
			background-size:100% 100%;
		}

			.topBoxContent .left{
				position:relative;
				width: 332px;
				padding-top: 8px;
				float: left;
			}
				.topBoxContent .pictoMainInfo{
					width: 55px;
					height: 50px;
					margin: 4px 7px 0 12px;
					float: left;
				}
				.topBoxContent .left .pictoBilletElectronique{
					display:block;
					position:absolute;
					top:12px;
					right:18px;
				}
				
				.topBoxContent .left h3,
				.topBoxContent .left h3.titreMainInfo,
				.topBoxContent .left h4.voyageursMainInfo{
					float:right;
					width:258px;
				}
				
			.topBoxContent .middle{
				float: left;
				margin: 12px 0 0 18px;
				width: 268px;
			}
				.topBoxContent .middle .dureeMainInfo{
					margin-top: 7px;
					color: #3e7bbe;
				}
			.topBoxContent .right{
				float: left;
				margin: 12px 0 0 12px;
				width: 240px;
			}
				.topBoxContent .right .reservationMainInfo{
					color: #237137;
				}
				.topBoxContent .right h4{
					padding-top: 5px;
				}

			.topBoxContent h3.titreMainInfo,
			.topBoxContent h3.titreMainInfo a{
				padding-top: 0px;
				color: #333333;
				min-height:22px;
			}
    			.topBoxContent h3.titreMainInfo .titreMainInfoLeft{
    				float: left;
    			}
    			.topBoxContent h3.titreMainInfo .titreMainInfoRight{
    				float: right;
    			}
			.topBoxContent .depart{
				color: #0A1F62;
			}

		.topBoxContent:hover,
		.boxContent.actif .topBoxContent{
			background-image: url("../images/box/top_box_content_over.jpg");
		}

		.lineBoxContent{
			padding-bottom: 20px;
		}
		.listeUser{
			margin-bottom: -15px;
		}
			.listeUser li{
				float: left;
				width: 296px;
				padding-bottom: 15px;
			}
				.listeUser a{
					display: inline;
				}
				.listeUser a:hover{
					color: #0A1F62;
				}
				.listeUser li .refName{
					display: block;
					font-size: 12px;
					color: #666666;
				}

		.colBoxContent.left{
			float: left;
		}
		.colBoxContent.right{
			float: right;
		}
			.colBoxContent.right p,
			.colBoxContent.right h3{
				float: right;
				clear: right;
			}

/*
 * Tableaux
 */
table{
	width: 100%;
	border: 1px solid #c1c1c1;
	border-top: none;
	border-left: none;
}
	table td{
		padding: 5px;
		border: 1px solid #c1c1c1;
		border-bottom: none;
		border-right: none;
		color: #333333;
	}
	.firstLineTable{
		font-size: 16px;
		font-weight: bold;
		background-color: #e4e4e4;
	}
	.whiteLine{
		background-color: #f7f6f6;
	}
	.greyLine{
		background-color: #edecec;
	}
	.separateTableLine{
		height: 15px;
		padding: 0;
		background-color: #e1e1e1;
	}

#footer{
	color: #666666;
	font-size: 12px;
	margin: 20px 45px
}