/*CSS générales */
body {
	background-image: url(img/background.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #7B7D7B;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
object {
	margin: 0px;
	padding: 0px;
}
embed {
	margin: 0px;
	padding: 0px;
}

/*CSS page stagiaire*/
/*-----------------------------------------------------------------------------*/
/* rectangle en background de la page stagiaire*/
#recmilstag {
	position:absolute;
	left:0px;
	top:115px;
	width:881px;
	height:600px;
	z-index:3;
	margin: 0px;
	padding: 0px;
	background-image:url(img/backgroundstag.gif);
	background-repeat:no-repeat;
	}

#staglog2 {
	position:absolute;
	left:407px;
	top:150px;
	width:150px;
	height:25px;
	z-index:10;
}

#stagpsw {
	position:absolute;
	left:407px;
	top:224px;
	width:150px;
	height:25px;
	z-index:11;
}
#staggo {
	position:absolute;
	left:407px;
	top:298px;
	width:250px;
	height:26px;
	z-index:12;
}

/*class permettant décoration logging area >> pages stagiaires*/

	.pseudo{
	display:block;
	background-color:#DEDFDE;
	color:#FFFFFF;
	border-color:#C6A2B5;
}
	.psw {
	display:block;
	background-color:#DEDFDE;
	color:#FFFFFF;
	border-color:#C6A2B5;
}
/*décoration du boutton "envoyer"; ne peut être personnalisée que par une class*/
	.logbutton {
	background-color:#AD698C;
	color:#FFFFFF;
	font-weight:bold;
}

/* css pour le lien sur le blog "Créteil Hotel" */
#hotel {
	position:absolute;
	left:15px;
	top:330px;
	width:130px;
	height:60px;
	z-index:13;
}
#hotel p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: center;
	font-weight:bolder;
}
#hotel p a {
	color:#00CC00;
	text-decoration: none;
}

/*les boutons flash*/
/*--------------------------------------------------------------------------------*/
#btfl {
	position:absolute;
	left:230px;
	top:28px;
	width:390px;
	height:83px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}

/* CSS pour la page "carré magique" autrement dit l'accueil */
/*------------------------------------------------------------------------------*/
#cm {
	background-image:url(img/book.png);
	position:absolute;
	background-repeat: no-repeat;
	left:360px;
	top:118px;
	height:390px;
	width:390px;
	text-decoration: none;
	margin: 0px;
	padding-top: 66px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
		      }
/*imagettes dans le carré magique*/			  
#cm img {
	height:90px;
	width:90px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*link des credits placés sous carré magique */
#credits {
	position:absolute;
 	left:830px;
	top:545px;
	width:160px;
	height:23px;
	z-index:1;
}
#credits a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#666666;
	cursor:pointer;
	font-size:10px;
}
#credits a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#666666;
	font-size:10px;
}
#credits a:visited {
	text-decoration:none;
	color:#666666;
}
#credits a:hover {
	color:#7B7D7B;
	text-decoration:none;
}
#credits a:active {
	color:#7B7D7B;
	text-decoration:none;
}



/*popup page credits*/
#bdcredits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border:0px;
	margin:0px;
	padding:0px;
}

/* CSS pour la navigation dans le site */
/*--------------------------------------------------------------------------------*/
/* Rappel de la navigation sous les boutons en flash*/
#chemin{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 120px;
	display:inline;
	width: 300px;
	left: 230px;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight:bolder;
	font-size: 12px;
}
/*menu contextuel dans la barre de gauche*/
#MG {
	position:absolute;
	left:15px;
	top:160px;
	width:128px;
	height:137px;
	z-index:9;
	margin:0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant:small-caps;
	color:#333333;
	text-decoration: none;
	line-height: 20px;
}
#MG a {
	text-decoration: none;
	color: #666666;
	font-size: 12px;
	padding: 0px;
	display: block;
	line-height: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
/*rectangle du milieu où tout se décline*/
#recmil {
	position:absolute;
	left:228px;
	top:166px;
	width:660px;
	height:390px;
	z-index:1;
	margin: 0px;
	padding: 0px;
}

/*Css minibook*/
/*--------------------------------------------------------------------------------*/
/*rectangle en background du book*/	
#recmilmb {
	position:absolute;
	left:230px;
	top:161px;
	width:660px;
	height:390px;
	z-index:1;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(img/rect-mil.jpg);
}

/*grande image du minibook*/
#imgimgt img{
	height: 300px;
	width: 300px;
	position: absolute;
	left: 340px;
	top: 15px;
	margin: 0px;
	padding: 0px;
}
/*CSS Non identifiée*/
#imgimgt2 img{
	height: 300px;
	width: 300px;
	position: absolute;
	left: 340px;
	top: 45px;
	margin: 0px;
	padding: 0px;
}
/*texte du minibook*/
#textimgt {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 260px;
	width: 240px;
	position: absolute;
	left: 50px;
	top: 45px;
	text-align: justify;
	color: #666666;
}

/*titre du minibook*/
#titreimgt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	height: 30px;
	width: 240px;
	position: absolute;
	left: 50px;
	top: 15px;
	font-weight: bold;
}
/*toutes les div contenant les imagettes dans la section minibook*/
#imgt { /*présentation individuelle >>souspage minibook */
	height: 50px;
	width: 620px;
	position: absolute;
	left: 20px;
	top: 325px;
}
#imgt2 { /*Imagettes IMM >> page minibook*/
	height: 50px;
	width: 620px;
	position: absolute;
	left: 20px;
	top: 10px;
}
#imgt2 p {/*Titre IMM >> page minibook*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-indent: 10px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#imgt3 { /*Imagettes IMP >> page minibook*/
	height: 50px;
	width: 620px;
	position: absolute;
	left: 20px;
	top: 230px;/*valeur modifiée, car 3 lignes imagettes pour IMM 2008, ancienne valeur--> 200*/
}
#imgt3 p {/*Titre IMP dans minibook >>page minibook */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-indent: 10px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#imgtM {
	height: 50px;
	width: 620px;
	position: absolute;
	left: 20px;
	top: 325px;
	z-index: 500;
}
#imgt2M {
	height: 50px;
	width: 620px;
	position: absolute;
	left: 20px;
	top: 50px;
	z-index: 500;
}
#imgt img {/*imagette du minibook >>page minibook*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 50px;
	width: 50px;
}
#imgt2 img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 50px;
	width: 50px;
}
#imgt3 img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 50px;
	width: 50px;
}
.masque {
	height:90px;
	width:90px;
	padding: 0px;
	position: absolute;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 500;
}
.masque2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 50px;
	width: 50px;
}
.masque3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 50px;
	width: 50px;
	position: absolute;
	z-index: 500;
}
/*formulaire de la page contact*/
/*-------------------------------------------------------------------------------------*/
#texte1{
	position: absolute;
	width: 300px;
	height: 262px;
	left: 541px;
	right: 0px;
	z-index: 2;
	top: 231px;
}

#Envoyer {
	position:absolute;
	width:80px;
	height:25px;
	z-index:4;
	left: 541px;
	top: 500px;

}
#Annuler{
	position:absolute;
	width:80px;
	height:25px;
	left: 630px;
	top: 500px;
	z-index:6;
}

#txtmessage {
	position: absolute;
	left: 306px;
	top: -19px;
	font-size:14px;
	width: 223px;
	z-index: 3;
	
}


#mes{
	position:absolute;
	width:300px;
	height:242px;
	left: 300px;
	top: 25px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;

}
.forma {
	height: 60px;
	width: 450px;
	position:relative;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 65px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
/*mentions obligatoires >>page contact*/
#legacy {
	position:absolute;
	left:314px;
	top:412px;
	width:152px;
	height:17px;
	z-index:11;
	color: #FF0000;
}
/*lien "popup" plan d'accès >> page contact*/
#map {
	position:absolute;
	left:17px;
	top:399px;
	width:70px;
	height:15px;
	z-index:10;
	}
#map a {
	
	text-decoration: none;
	color:#0000cc;
	cursor:pointer;
	font-size:10px;
}
#map a:hover {
	color:#7B7D7B;
}

/* déco du lien popup plan accès >> page contact*/
#adress {
	position:absolute;
	left:0px;
	top:263px;
	width:158px;
	height:100px;
	z-index:8;
}
/* class decouleur pour tout les txt de la page contact */
.adress{
	color:#7B7D7B;
	text-decoration: none;
	font-size: 10px;
}
/* déco des champs du formulaire contact >> page contact*/
.textarea {
	background-color:#DEDFDE;
	color:#000000;
	border-color:#C6A2B5;
	text-align: left;
	}
.buttoncontact {
	display:block;
	background-color:#AD698C;
	color:#FFFFFF;
	border: 1px solid #AD698C;
	font-weight:bold;
	padding:2px;
	}
#civilite {
	position:absolute;
	left:313px;
	top:233px;
	width:234px;
	height:246px;
	z-index:12;
}
#txtmessage {
	position:absolute;
	left:543px;
	top:201px;
	width:348px;
	height:29px;
	z-index:13;
}
	
/*rectangle du milieu du contenu de la page imep, imm, formateurs et références */
/*-------------------------------------------------------------------------------------*/
#recmilformation {
	position:absolute;
	left:230px;
	top:200px;
	width:660px;
	z-index:1;
	margin: 0px;
	padding: 0px;
}

/*css contenu de la page formation*/
/*--------------------------------------------------------------------------------*/
/* div page formation */
#formationtableau {
	position:absolute;
	left:220px;
	top:165px;
	width:330px;
	height:668px;
	z-index:12;
}
#visuprintweb {
	position:absolute;
	left:470px;
	top:240px;
	width:350px;
	height:354px;
	z-index:8;
}

/*css du contenu de la page IMEP*/
/*-----------------------------------------------------------------------------------*/
#imptxt {
	position:absolute;
	left:302px;
	top:33px;
	width:161px;
	height:278px;
	z-index:1;
}
.titretxtcourant {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}
.txtcourant {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#aquiimp {
	position:absolute;
	left:222px;
	top:170px;
	width:287px;
	height:346px;
	z-index:3;
}

#aquiimptof2 {
	position:absolute;
	left:526px;
	top:340px;
	width:118px;
	height:93px;
	z-index:5;
}

#aquiimptof1 {
	position:absolute;
	left:561px;
	top:235px;
	width:152px;
	height:72px;
	z-index:6;
}
#aquiimptof3 {
	position:absolute;
	left:653px;
	top:340px;
	width:180px;
	height:132px;
	z-index:7;
}
#aquiimptof4 {
	position:absolute;
	left:544px;
	top:437px;
	width:71px;
	height:145px;
	z-index:8;
}
#aquiimptof5 {
	position:absolute;
	left:620px;
	top:477px;
	width:116px;
	height:162px;
	z-index:9;
}
#aquiimptof6 {
	position:absolute;
	left:741px;
	top:477px;
	width:82px;
	height:102px;
	z-index:10;
}
#metimp {
	position:absolute;
	left:561px;
	top:625px;
	width:288px;
	height:226px;
	z-index:11;
}
#metimptof5 {
	position:absolute;
	left:309px;
	top:877px;
	width:83px;
	height:108px;
	z-index:14;
}
#metimptof2 {
	position:absolute;
	left:347px;
	top:639px;
	width:92px;
	height:68px;
	z-index:15;
}
#metimptof3 {
	position:absolute;
	left:235px;
	top:754px;
	width:84px;
	height:1px;
	z-index:16;
}
#metimptof4 {
	position:absolute;
	left:401px;
	top:738px;
	width:112px;
	height:165px;
	z-index:17;
}
#metimptof1 {
	position:absolute;
	left:242px;
	top:606px;
	width:119px;
	height:134px;
	z-index:19;
}

/*contenu de la page imm*/
/*-------------------------------------------------------------------------*/
.txtcourant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.titretxtcourant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}
.titretxtcourant1 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bolder;
	text-decoration: none;
}
#methode {
	position:absolute;
	left:535px;
	top:502px;
	width:261px;
	height:247px;
	z-index:6;
}
#debouche {
	position:absolute;
	left:215px;
	top:953px;
	width:293px;
	height:119px;
	z-index:16;
}
#aqui {
	position:absolute;
	left:205px;
	top:164px;
	width:293px;
	height:442px;
	z-index:18;
}

#aquitof1 {
	position:absolute;
	left:544px;
	top:214px;
	width:100px;
	height:89px;
	z-index:7;
}
#aquitof2 {
	position:absolute;
	left:702px;
	top:189px;
	width:91px;
	height:92px;
	z-index:3;
}
#aquitof3 {
	position:absolute;
	left:702px;
	top:286px;
	width:104px;
	height:86px;
	z-index:8;
}
#aquitof4 {
	position:absolute;
	left:582px;
	top:328px;
	width:119px;
	height:157px;
	z-index:15;
}
#methodetof1 {
	position:absolute;
	left:295px;
	top:644px;
	width:95px;
	height:70px;
	z-index:10;
	visibility: visible;
}
#methodetof3 {
	position:absolute;
	left:354px;
	top:751px;
	width:99px;
	height:100px;
	z-index:11;
	visibility: visible;
}
#methodetof2 {
	position:absolute;
	left:228px;
	top:751px;
	width:125px;
	height:126px;
	z-index:12;
	visibility: visible;
}
#debouchetof1 {
	position:absolute;
	left:561px;
	top:907px;
	width:147px;
	height:1px;
	z-index:13;
}
#ouchetof2 {
	position:absolute;
	left:731px;
	top:820px;
	width:104px;
	height:92px;
	z-index:14;
}
#ouchetof3 {
	position:absolute;
	left:731px;
	top:960px;
	width:109px;
	height:80px;
	z-index:9;
}

/* css page formateurs */
/*--------------------------------------------------------------------------*/
#formateurtablo {
	position:absolute;
	left:230px;
	top:180px;
	width:534px;
	height:668px;
	z-index:12;
}
.textecourant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	padding: 20px;
}
a:link {
	color: #0033CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #009900;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* CSS page references */
/*--------------------------------------------------------------------------------*/
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	padding:20px;
}

a {
	text-decoration:none;
	color:#0033CC;
}

a:hover{
	color:#7B7D7B;
}