body {
	background-color: #004C8C;
	background-image: url(_images/fondgene.png);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#accueil {
	position:absolute;
	left:0px;
	top:0px;
	width:955px;
	height:600px;
	z-index:1;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004C8C;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #004C8C;
	/*Soulignement des liens */
	/* text-decoration: none;*/
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #004C8C;
	/* text-decoration: none;*/
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #004C8C;
	text-decoration: none;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

#menu {
	position:absolute;
	left:-1px;
	top:0px;
	width:200px;
	height:580px;
	z-index:10;
}

#anim {	
	position:absolute;
	left:660px;
	top:-2px;
	width:250px;
	height:170px;
	z-index:3;
}

#conteneur {
	position:absolute;
	left:50%;
	top:0px;
	width:954px;
	height:600px;
	z-index:1;
	margin-left: -477px;
	background-color: #f1911c;
	background-image: url(_images/fond.png);
	background-repeat: no-repeat;
	background-position: top;
}
#conteneurformations {
	position:absolute;
	left:50%;
	top:0px;
	width:954px;
	height:600px;
	z-index:1;
	margin-left: -477px;
	}

div#contenuformations {
	position:absolute;
	left:280px;
	top:23px;
	width:701px;
	height:855px;
	z-index:4;
	visibility: visible;
	background-color: #ffffff;
	
}

div#contenu {
	position:absolute;
	left:201px;
	top:13px;
	width:700px;
	height:650px;
	z-index:4;
}

#contenu.tabenseignement table {
	border: none;
	width: 100%;
	text-align: center;
	vertical-align: top;
}
#contenu.tabenseignement td {
	boder: none;
}
	

div#coin {
	position:absolute;
	left:671px;
	top:0px;
	width:29px;
	height:29px;
	z-index:4;
}
div#titre {
	position:absolute;
	width:661px;
	height:22px;
	z-index:5;
	background-color: #FFFFFF;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	left: 2px;
	top: 1px;
}

div#texte-acc {
	position:absolute;
	left:701px;
	top:152px;
	width:231px;
	z-index:2;
	height: 297px;
	padding-top: 45px;
}
/* Style lien ancien site */
/* div#ancien-site {
	position:absolute;
	top:100px;
	left:810px;
	z-index:2;
	padding:0 10px;
	/* border:1px solid #004C8C; */
/*}
/* fin Style ancien site */

/* Style entree scolastance */
div#scolastance {
	position:absolute;
	top:150px;
	left:10px;
	z-index:2;
	
}
/* fin Style entree scolastance */



/* Style vous_informer */
/*div#vous_informer {
	position:absolute;
	top:170px;
	height:20px;
	left:701px;
	width:220px;
	z-index:3;
}
div#vous_informer img {
	height:20px;
	border:none;
}
div#vous_informer table{
	width:100%;
	padding:0 10px;
	border:3px solid #004C8C;
}
/* fin style vous_informer */







/* Style europ */
div#europ {
	position:absolute;
	top:440px;
	height:25px;
	left:701px;
	width:240px;
	z-index:3;
}
div#europ img {
	height:25px;
	border:none;
}
div#europ table{
	width:100%;
	padding:0 10px;
	border:1px solid #004C8C;
}
/* Fin style europ */

/* Style aies */
div#aies {
	position:absolute;
	top:380px;
	height:25px;
	left:701px;
	width:240px;
	z-index:3;
}
div#aies img {
	height:25px;
	border:none;
}
div#aies table{
	width:100%;
	padding:0 10px;
	border:1px solid #004C8C;
}
/* Fin style aiess */



/* Style adcs */
div#adcs {
	position:absolute;
	top:410px;
	height:25px;
	left:701px;
	width:240px;
	z-index:3;
}
div#adcs img {
	height:25px;
	border:none;
}
div#adcs table{
	width:100%;
	padding:0 10px;
	border:1px solid #004C8C;
}
/* Fin style adcs */


/* Style culture */
div#culture {
	position:absolute;
	top:350px;
	height:25px;
	left:701px;
	width:240px;
	z-index:3;
}
div#culture img {
	height:25px;
	border:none;
}
div#culture table{
	width:100%;
	padding:0 10px;
	border:1px solid #004C8C;
}
/* Fin style culture */

/* Style Pôle Ortech */
div#pole-ortech {
	position:absolute;
	top:475px;
	height:25px;
	left:701px;
	width:240px;
	z-index:3;
}
div#pole-ortech img {
	height:25px;
	border:none;
}
div#pole-ortech table{
	width:100%;
	padding:0 10px;
	border:1px solid #004C8C;
}
/* Fin style Pôle Ortech */


/* Style mail-plan */
div#mail-plan {
	position:absolute;
	top:575px;
	height:25px;
	left:535px;
	width:240px;
	z-index:3;
}
div#mail-plan img {
	height:25px;
	border:none;
}
div#mail-plan table{
	width:100%;
	padding:0 10px;
	/* border:1px solid #004C8C; */
}
/* Fin style mail-plan */

#images {
	margin-left: -10px;
	vertical-align: top;
}
#vignette {
	vertical-align: text-top;
	padding-left: 10px;
}

#texte {
	position:absolute;
	left:0px;
	top:29px;
	width:680px;
	z-index:2;
	background-color: #FFFFFF;
	padding: 10px;
}
.notes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.texte-orange {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F1911C;
	font-weight: bold;
}

input, textarea, select {
	margin-bottom: 3px;
	border: 1px solid #666666;
}

input {
	height: 15px;
	width: 150px;
}

select {
	height: 19px;
	width: 152px;
}

input.radio {
	width: 20px;
	/*vertical-align: middle;*/
	border: none;
	vertical-align: middle;
}

input.required, textarea.required {
	border: 1px solid #666666;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #004C8C;
	color : #FF3300;
}

input.validation-passed, textarea.validation-passed {
	border: 1px solid #004C8C;
	color : #000;
}



.validation-advice {
	/*margin: 5px 0;*/
	/*padding: 5px;*/
	color : #004C8C;
	font-weight: bold;
	margin-top: 5px;
	/*margin-bottom: 5px;*/
	margin-left: 197px;
}

label {
	position: relative;
	text-align: right;
	font-weight: bold;
	float: left;
	width: 190px;
	height: 17px;
	padding-top: 1px;
	margin-right: 6px;
}

label.radio {
	float: none;
}

/*label.radio.decalage-gauche {
	position: relative;
	left: 50px;
}*/

fieldset {
	border-color: #004C8C;
	border-width: 1px;
	margin-top: 5px;
	margin-left: 3px;
}

.etape, .etape-courante {
	text-align: center;
	height: 100px;
	width: 100px;
	display: inline;
}

.etape-courante {
	/*background-color: #F1911C;*/
	color: #F1911C;
	font-weight: bold;
}

.etapes {
	margin-bottom: 10px;
	margin-top: 10px;
}

.form_sub {
	margin-top: 5px;
	text-align: right;
	padding-right: 2px;
}

legend {
	font-family: Arial, Helvetica, sans-serif;
	color: #004C8C;
	font-weight: bold;
}

.intitule {
	float: left;
	width: 175px;
	margin-top: 2px;
	margin-left: 20px;
}

div#conteneur div#contenu div#texte div.msg-attente {
	text-align: center;
}

input.submit {
	height: 20px;
}

div#recapitulatif b {
	float: left;
	width: 170px;
	margin-left: 20px;
}

/*debut*/


div.liste table.header {
	border-collapse: collapse;
	margin-left: 3px;
	width: 660px;
	background-color: #004C8C;
	
}

div.liste table.header tr th {
	border: solid 1px;
	width: 100px;
	border-color: #004C8C;
	font-family: Arial, Helvetica, sans-serif;
	color: #004C8C;
	font-weight: bold;
	text-align: left;
	padding-left: 3px;
	color: white;
}

div.liste table.scrollable {
	border-collapse: collapse;
	width: 660px;
	border: solid 1px;
	border-color: #004C8C;
	margin-left: 3px;
	margin-bottom: 10px;
}

div.liste div {
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
}

div.liste table.scrollable tr {
	height: 10px;
}

div.liste table.scrollable td {
	width: 100px;
	overflow: hidden;
	padding-left: 5px;
	border-right: solid 1px;
	border-color: #004C8C;
}



















.test {
	position: absolute;
}

.file {
	height: 23px;
}

#contenu-admin {
	position: absolute;
	top:178px;
	left: 50%;
	margin-left: -350px;
	width:700px;
	height:650px;
}

/*modifications par JF*/

div#menu-admin ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#menu-admin ul.menu li {
	float: left;
	width: 130px;
	margin: 0 0 0 3px;
	padding: 0;
	border: 0;
	text-align: center;
}

div#menu-admin div.titre {
	width: auto;
	background-color: #004C8C;
	border: solid 1px;
	color: white;
	cursor: pointer;
}

div#menu-admin ul.sous-menu {
	position: absolute;
	top: 20px !important;
	_position: relative;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	display: block;
	border: solid 1px white;
	overflow: hidden;
	background-color: #FFFFCC;
	background-image: url(_images/menu.png);
	color: black;
}

div#menu-admin ul.sous-menu li {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	margin: 0 0 0 0;
	width: 128px;
	height: 20px;
	
}
/*modifié JF*/
div#menu-admin {
	position: absolute;
	top: 25px;
	width:auto;
	height:650px;
}

div#menu-admin a {
	margin-left: 3px;
	vertical-align: middle;
}

select.select_list {
	width: 150px;
	height: 100px;
}

textarea.textarea-big {
	width: 675px;
	height: 500px; 
	overflow: scroll;
}

.textarea-mail {
	height: 170px;
}

.textarea-medium {
	height: 170px;
	width: 675px;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	max-height: 20em;
	overflow: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #004C8C;
}

div.autocomplete ul li.selected {
    background-color: #f1911c;
    border-bottom: solid 1px white;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
	background-color: white;
}

ul.sortable li {
	cursor: move;
}

.ln-image {
	cursor: pointer;
    position: relative;
    left: 100px;
    top: 3px;
}

div#actions a {
    position: relative;
    top: -3px;
    margin-left: 6px;
}

.scrollable ul {
    position: relative;
    left: -20px;
    width: 0px;
}