@CHARSET "ISO-8859-1";

/***** Général *****/

::selection{ background-color: #003377; color: white; }
::moz-selection{ background-color: #003377; color: white; }
::webkit-selection{ background-color: #003377; color: white; }

body 
{
	background-color: #FFF;
	font: 13px/20px normal Helvetica, Arial, sans-serif;
	color: #4F5155;
	width:99%;
	margin: auto;
	overflow: auto;
}

a 
{
	color: #003377;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
	color: #FFF;
}

.bleuItalique
{
	color: #003377;
	font-style: italic;
	margin: 20px 0px;
}

.bleuTitre
{
	color: #003377 !important;
	font-weight: bold;
	margin-left: 5px;
}

.bleuChiffre
{
	color: #0000FF !important;
	font-weight: bold;
	margin-left: 5px;
}

.bleuTr
{
	/*color: #FFF; /*#0000FF;*/
	/*background-color: #003355; /*#FFA500;*/
	color: #B40404;
	font-weight: bold;
}

.bleuTd
{
	/*color: #FFF; /*#0000FF;*/
	/*background-color: #003377; /*#FFC500;*/
	color: #B40404;
	font-weight: bold;
}

.vert
{
	color: #3CB371;
	font-weight: bolder;
}

.liensimple a:hover
{
	color: #003377 !important;
	
}

.active a:hover
{
	text-decoration: underline;
	color: #FFF;
}

.inactif a:hover
{
	text-decoration: underline;
	color: #FFF;
}

h1 
{
	color: #444;
	background-color: transparent;
	border-bottom: 1px solid #D0D0D0;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 14px 0;
	padding: 14px 15px 10px 15px;
}

h3 
{
	margin: 0 0 14px 0;
	padding: 14px 15px 10px 15px;
}

textarea#styled
{
	width: 600px;
	height: 100px;
}

code 
{
	font-family: Consolas, Monaco, Courier New, Courier, monospace;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}

.containerTable
{
	width: 100%;
}

.tableDiv
{
	position: relative;
	z-index: 10;
}

.listingExcel
{
	height: 300px;
}

/***** Tableaux html *****/
.tableUnderElement
{
	position: relative;
	z-index: 10;
}

.bordureTable
{
	border:2px solid black;
	border-spacing:0;
}

.tr1BordureTh
{
	border-bottom:2px solid black;
}

.tr1BordureThRowspan3
{
	width:130px;
	border-bottom:2px solid black;
	border-right:2px solid black;
}

.tr1BordureThColspan6
{
	border-bottom:1px solid black;
	border-right:2px solid black;
}

.tr2BordureTh
{
	width:80px;
	border-bottom:2px solid black;
	border-right:2px solid black;
}

.tr2BordureThDotted
{
	border-bottom:1px dotted black;
	border-right:1px dotted black;
}

.tr2BordureThRightSolid
{
	border-bottom:1px dotted black;
	border-right:1px solid black;
}

.tr3BordureThBottomSolid
{
	border-bottom:2px solid black;
	border-right:1px dotted black;
}

.tr3BordureThSolid
{
	border-bottom:2px solid black;
	border-right:1px solid black;
}

.tr1Td1
{
	width:130px;
	border-right:2px solid black;
}

.tr1TdBorderRight
{
	border-right:2px solid black;
}

table
{
	position: relative;
	/*width: 50%;*/
	border:1px dotted #003377;
	border-collapse:collapse;
	margin: 10px 5px;
}

thead, tfoot
{
	background-color:#EEE;
	border:1px solid #003377;
	font-weight:bold;
	font-size: 12px;
}

tbody
{
	background-color:#FFFFFF;
	border:1px solid #003377;
}

th
{
	border:1px dotted #003377;
	padding:5px;
	background-color:#EEE;
	/*width:25%;*/
	text-align: center;
}

td
{
	/*width: 30px;*/
	font-size:80%;
	border:1px dotted #003377;
	padding:3px;
	text-align:left;
}

td input[type=text], td input[type=password]
{
	border: 1px dotted #EEE !important;
}

td input[type=text]:hover, td input[type=password]:hover
{
	border: 1px dotted #003377 !important;
}

.lienEppMail:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #003377 !important;
}

.inputTitre
{
	text-align: center;
	color: #4F5155 !important;
	font-weight: bold;
	background-color: #EEE;
}

/***** Inputs *****/

input[type=submit]
{
	/*max-width: 300px;*/
	height: 25px;
	border: 1px solid #D0D0D0;
	background-color: #FFF;
	color: #555;
	font-size: 14px;
	cursor: pointer;
	margin: 10px;
	-moz-box-shadow: 0px 0px 0px 1px #A0A0A0; /* Firefox */
	-webkit-box-shadow: 0px 0px 0px 1px #A0A0A0; /* chrome */
	-o-box-shadow: 0px 0px 0px 1px #A0A0A0; /* Opera */
	box-shadow: 0px 0px 0px 1px #A0A0A0; /* IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#A0A0A0, Direction=90, Strength=1); /* Microsoft */
}

input[type=submit]:hover
{
	/*font-weight: bolder;*/
	color: #003377;
	border-color: #003377;
}
	
input[type=text], input[type=date], input[type=password], select
{
	color: #002166;
	border: 1px solid #003377 !important;
}

input[type=text]:active, input[type=text]:visited, input[type=text]:focus
{
	border: 1px solid #003377 !important;
}

legend
{
	font-weight: bold;
}


/***** Erreurs formulaires *****/
#error
{
	color: red;
	margin-left: 5px;
}

.fatal_error_exception
{
	color: red;
	margin: 10px;
}

#error_button
{
	color: red;
}

.error
{
	color: red;
}

#ok
{
	color: green;
}

.msgElse
{
	font-weight: bold;
	font-style: italic;
	color: #003377;
}

.titreCadre
{
	color: #003377;
	font-style: italic;
}

.dateSession
{
	color: #003377;
	font-weight: bold;
	margin: 0 0 10px 5px;
}

.presentation
{
	position: relative;
	color: #003377;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0px 20px 0px;
}

.centrer
{
	text-align: center;
	margin: 5px;
}

#spanLienEditerSession
{
	margin-left: 5px;
	padding: 5px;
	border: 1px solid #003377;
}

#spanLienEditerSession:hover
{
	background-color: #003377;
}

.lienEditerSession
{
	font-weight: bold;
}

.lienEditerSession:hover
{
	color: #FFF;
	text-decoration: none;
}

.btn_retour
{
	color : #003377 !important;
	border : 1px solid #003377 !important;
}

/***** Titre *****/
.grostitre
{
	position: absolute;
	width: 96%;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 10px;
	font-size: 32px;
	display:inline-block;
	margin-top: 5px;
	color: #003377;
	z-index: 100;
}

.chaineConnexion
{
	font-weight: bold;
	font-style:  italic;
	font-size: 11px;
}

.infos
{
	position: relative;
	display:inline-block;
	width: 40%;
	float: right;
	text-align: right;
	padding-top: 20px;
	margin-top: 0px;
	z-index: 1000;
	/*border: 1px solid pink;*/
}

/***** Message de bienvenue *****/

.bienvenue
{
	position: relative;
	width: 100%;
	text-align: center;
}

/***** messages pas de resultats *****/
.msgNoRes
{
	margin: 5px 5px 10px 20px;
	color: #003377;
	font-style: italic;
}

.left
{
	float:left;
}

.right
{
	float: right;
}

#divStagiairesSession
{
	position: relative;
	font-style: italic;
	color: #003377;	
}

#divNotabene
{
	font-style: italic;
	margin-left: 5px;
	color: #003377;
}

#divContenantEpp
{
	position: relative;
	width: 50%;
	z-index: 100;
	overflow: auto;
}

#divInfosEpp
{
	position: relative;
	width: 95%;
	z-index: 100;
	overflow: auto;
}

#divPhraseEpp
{
	position: relative;
	width: 95%;
	z-index: 100;
	overflow: auto;
}

#divQuestions
{
	position: relative;
	width: 45%;
	z-index: 100;
	overflow: auto;
}

/*.margeHaut
{
	position: relative;
	margin-top: 10px !important;
}*/

.divBoutonsStagiairesAdminSession
{
	height: 50px;
}

.bleu
{
	color: #003377;
}

.marge5
{
	margin-left: 5px;
}

.bordure
{
	margin: -10px 0px 0px 5px;
	padding: 5px;
	border: 1px dotted #003377;
	border-radius : 8px;
}

.bordure1
{
	margin: 10px 0px 0px 5px;
	padding: 5px;
	border: 1px dotted #003377;
	border-radius : 8px;
}

.deborde
{
	overflow: auto;
}

.deborde2
{
	width: 800px;
	overflow: auto;
}

.largeurDiv
{
	width: 260px;
}

.bordure2
{
	margin: -5px 0px 0px 5px;
	padding: 5px;
	border: 1px dotted #003377;
	border-radius : 8px;
}

.bordure3
{
	margin: 10px 0px 0px 5px;
	padding: 5px;
	border: 1px dotted #003377;
	border-radius : 8px;
}

.bord
{
	width: 40%;
	margin: 10px 0px 10px 5px;
	padding: 5px;
	border: 1px dotted #003377;
	border-radius : 8px;
}

.margesDivs
{
	margin: 20px;
}

.paddingDiv
{
	padding: 5px;
}

/***** les input *****/
 .inputText
 {
    /*resize: horizontal;*/
    /*width: 100%;*/
	max-width: 500px;
	min-width: 200px;
}

.inputInteger
{
	min-width: 10px;
    max-width: 50px;
}

/***** pagination *****/
.lienpagination
{
	font-size: 11px;
	margin-left: 5px;
}

.lienpagination:hover
{
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

/***** éléments page *****/
#corps
{
	margin: 0 15px 0 15px;
}

#entete
{
	top: 10px;
	left: 10px;
	display:block;
	width: 96%;
	height: 100px;
	margin: 10px 10px 0px 19px;
	padding-right: 10px;
	z-index: 1000;
}

#container
{
	width: 96%;
	margin: 0 0 0 20px;
	padding: 5px;
	border: 1px solid #D0D0D0;
	-webkit-box-shadow: 0 0 8px #D0D0D0;
	overflow: hidden;
}

.cadre
{
	overflow: auto;
}

.centrerContenu
{
	text-align: center;
}

.notabene
{
	 color: #003377;
	 margin: 10px;
	 font-weight: bold;
}


/***** Trois colonnes *****/
.page
{
	overflow: auto;
}

.flottant
{
	float: left;
	border : dotted 1px #003377;
	margin-right: 10px;
	padding: 5px;
	border-radius : 8px;
}

#gauche
{
	position: relative;
	width: 28%;
	z-index: 100;
	overflow: auto;
}

#centre
{
	position: relative;
	width: 40%;
	z-index: 100;
	overflow: auto;
}

#centre3
{
	position: relative;
	width: 40%;
	z-index: 100;
}

#droite
{
	position: relative;
	width: 25%;
	z-index: 100;
	overflow: auto;
}

.flottant2
{
	float: left;
	margin-right: 10px;
	padding: 5px;
}

.margeHaut
{
	position: relative;
	padding-top: 10px;
}

.marge10
{
	margin-top: 10px;
}

.marges
{
	margin: 5px;
}

#gauche2
{
	position: relative;
	width: 30%;
	z-index: 100;
	overflow: auto;
}

#centre2
{
	position: relative;
	width: 33%;
	z-index: 100;
	overflow: auto;
}

#droite2
{
	position: relative;
	width: 30%;
	z-index: 100;
	overflow: auto;
}


.palette
{
	 position:absolute; 
	 float:left; 
	 width: 30px;
}

.contenuMail
{
	position:relative; 
	float:left;
	margin-left: 40px;
}

/***** Pied de page *****/
.footer
{
	text-align: center;
	font-size: 11px;
	border-top: 1px solid #D0D0D0;
	line-height: 32px;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
}

#footer_img
{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#footer_texte
{
	color: #003377;
	margin-top: 10px;
}

/***** MENU PRINCIPAL DEROULANT *****/
#menuPrincipalAdmin
{
	padding: 0;
	background-color: #FFF;
	font-size: 14px;
	width: 97%;
	margin: 0px 0 -1px 20px;
	z-index:1000;
}

#onglets, #onglets ul
{
	padding:0;
	margin:0;
	list-style:none;
	z-index:1000;
}

#onglets li
{
	display:inline-block;
	position:relative;
	height: 30px;
	background-color: #FFF;
	border: 1px solid #D0D0D0;
	-moz-box-shadow: 0px -1px 8px 0px #D0D0D0; /* Firefox */
	-webkit-box-shadow: 0px -1px 8px 0px #D0D0D0; /* chrome */
	-o-box-shadow: 0px -1px 8px 0px #D0D0D0; /* Opera */
	box-shadow: 0px -1px 8px 0px #D0D0D0; /* IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, Direction=90, Strength=8); /* Microsoft */
}

#onglets li:hover
{
	border: 1px solid #003377;
	border-bottom: none !important;
	-moz-box-shadow: 0px -3px 8px 0px #003377; /* Firefox */
	-webkit-box-shadow: 0px -3px 8px 0px #003377; /* chrome */
	-o-box-shadow: 0px -3px 8px 0px #003377; /* Opera */
	box-shadow: 0px -3px 8px 0px #003377; /* IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#003377, Direction=90, Strength=8); /* Microsoft */
	background-color: #003377 !important;
    color: #FFF;
}

#onglets li.active
{
	border: 1px solid #003377;
    border-bottom: 1px solid #003377;
    -moz-box-shadow: 0px -3px 8px 0px #003377; /* Firefox */
	-webkit-box-shadow: 0px -3px 8px 0px #003377; /* chrome */
	-o-box-shadow: 0px -3px 8px 0px #003377; /* Opera */
	box-shadow: 0px -3px 8px 0px #003377; /* IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#003377, Direction=90, Strength=8); /* Microsoft */
    background-color: #003377;
}

#onglets li.active:visited
{
	border: 1px solid #D0D0D0;
    border-bottom: 1px solid #FFF;
    -moz-box-shadow: 0px -3px 8px 0px #D0D0D0; /* Firefox */
	-webkit-box-shadow: 0px -3px 8px 0px #D0D0D0; /* chrome */
	-o-box-shadow: 0px -3px 8px 0px #D0D0D0; /* Opera */
	box-shadow: 0px -3px 8px 0px #D0D0D0; /* IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, Direction=90, Strength=8); /* Microsoft */
    background-color: #003377;
    color: #FFF;
}

/*Liens sous-menus*/


#onglets li.subactive
{
	border: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    -moz-box-shadow: 0px -3px 8px 0px #D0D0D0; /* Firefox */
	-webkit-box-shadow: 0px -3px 8px 0px #D0D0D0; /* chrome */
	-o-box-shadow: 0px -3px 8px 0px #D0D0D0; /* Opera */
	box-shadow: 0px -3px 8px 0px #D0D0D0; /* IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, Direction=90, Strength=8); /* Microsoft */
    background-color: #FFF;
}

#onglets li.subactive:visited
{
	border: 1px solid #D0D0D0;
    border-bottom: 1px solid #FFF;
    -moz-box-shadow: 0px -3px 8px 0px #D0D0D0; /* Firefox */
	-webkit-box-shadow: 0px -3px 8px 0px #D0D0D0; /* chrome */
	-o-box-shadow: 0px -3px 8px 0px #D0D0D0; /* Opera */
	box-shadow: 0px -3px 8px 0px #D0D0D0; /* IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, Direction=90, Strength=8); /* Microsoft */
    background-color: #FFF;
    color: #003377;
}

#onglets li:first-child li, #onglets li:nth-child(2) li, #onglets li:nth-child(3) li, #onglets li:nth-child(4) li, #onglets li:nth-child(5) li, #onglets li:nth-child(6) li, #onglets li:last-child li
{
	border:none;
	-moz-box-shadow: 0px -3px 8px 0px #D0D0D0; /* Firefox */
	-webkit-box-shadow: 0px -3px 8px 0px #D0D0D0; /* chrome */
	-o-box-shadow: 0px -3px 8px 0px #D0D0D0; /* Opera */
	box-shadow: 0px -3px 8px 0px #D0D0D0; /* IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, Direction=90, Strength=8); /* Microsoft */
	padding: 1px;
	margin: 0;
	background-color: #D0D0D0;
}

#onglets li:first-child:hover, #onglets li:nth-child(2):hover, #onglets li:nth-child(3):hover, #onglets li:nth-child(4) li:hover, #onglets li:nth-child(5) li:hover, #onglets li:nth-child(6) li:hover
{
	background-color: #FFF;
}

#onglets li:first-child li:hover, #onglets li:nth-child(2) li:hover, #onglets li:nth-child(3) li:hover, #onglets li:nth-child(4):hover, #onglets li:nth-child(5):hover, #onglets li:nth-child(6):hover, #onglets li:nth-child(7):hover, #onglets li:nth-child(8):hover, #onglets li:nth-child(9):hover, #onglets li:nth-child(10):hover
{
	background-color: #FFF;
}

#onglets ul li
{
	display:inherit;
	border-radius:0;
}

#onglets ul li:hover
{
	border-radius:0;
}

#onglets ul
{
	position:absolute;
	max-height:0;
	width:100%;
	overflow:hidden;
	-moz-transition: .8s all .3s;
	-webkit-transition: .8s all .3s;
	transition: .8s all .3s;
}

#onglets li:hover ul
{
	max-height:25em;
}

/* background des liens menus et sous menus au survol */
#onglets li:hover
{
    border-bottom: none;
}

/* les a href */
.inactif
{
	cursor: default;
}

#onglets a
{
	text-decoration:none;
	display:block;
	padding:5px 32px;
	font-family:arial;
}

#onglets .inactif a
{
	color: #003377;
}

#onglets .active a
{
	color: #FFF;
}

#onglets ul li a
{
	color: #003377 !important;
}

#onglets ul li:hover
{
	border: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0 !important;
	background-color: #FFF !important;
}

#onglets .subactive a
{
	background-color: #FFF;
	color: #003377;
}

#onglets ul a
{
	padding:8px 0;
}

#onglets li:hover a
{
	color: #FFF;
}

#onglets li li.subactive a
{
	color: #003377;
}

#onglets li li:hover a
{
	background-color: #FFF;
	color: #003377;
}

/***** Autres éléments de l'appli *****/
/*
#btn_activer_fifpl
{
	display: none;
}

#btn_desactiver_fifpl
{
	display: inline;
}*/