/** ------------------------   POSITIONING   ------------------------ **/


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	background-color: #ECEFF2;
}



/**--------- POSITION CENTRE AVEC BACKGROUND ---------**/

#globall { 
	LEFT: 50%; 
	MARGIN-LEFT: -392px; 
	WIDTH: 784px;  
	POSITION: absolute; 
	HEIGHT: 556px; 	 	 	
}

#global {
	MARGIN-TOP: -278px; 
	LEFT: 50%; 
	MARGIN-LEFT: -392px; 
	WIDTH: 784px;  
	POSITION: absolute; 
	TOP: 50%; 
	HEIGHT: 556px; 	
}


#background {
	background-image: url(images/background.gif);
	position: absolute;
	height: 556px;
	width: 784px;
}

#logo {
	background-image: url(images/logo.gif);
	position: absolute;
	height: 68px;
	width: 178px;
	top: 10px;
	left: 19px;
}

#banier {
	height: 180px;
	width: 558px;
	left: 217px;
	top: 10px;
	position: absolute;
	background-image: url(images/baniere.jpg);
}

#backgroundmatlog {
	height: 334px;
	width: 764px;
	top: 193px;
	left: 10px;
	position: relative;
	background-image: url(materieletlogiciel/images/backgroundmatlog.gif);
}

/**-------- FIN POSITION CENTRE AVEC BACKGROUND --------**/

/**------------------- BANIERE FLASH -------------------**/

#banieranime {
	height: 182px;
	width: 558px;
	left: 217px;
	top: 10px;
	position: absolute;
}

/**---------------- FIN BANIERE FLASH -----------------**/

/**---------- MISE EN FORME DE LA NAVIGATION ----------**/

#navigation {
	position: absolute;
	left: 9px;
	width: 205px;
	height: 14px;
	top: 82px;	
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}

#navigation ul li {
	background-image: url(images/bouton1.gif);
	line-height: 14px;
	list-style-type: none;
	height: 14px;
	width: 205px;
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}  

#navigation a:link{
	text-decoration: none;
	color: #193C66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 70px;
	position: absolute;
	width: 205px;
	font-weight: bold;
}

#navigation a:visited {
	text-indent: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 205px;
	position: absolute;
	text-decoration: none;
	color: #193C66;
}

#navigation a:hover {
	background-image: url(images/bouton2.gif);
	color: #FFFFFF;
	background-repeat: no-repeat;
	width: 205px;
}

#boutonactif  {
	background-image: url(images/bouton2.gif);
	cursor: default;
	position: absolute;
	height: 14px;
	width: 205px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 70px;
}

/**------- FIN DE LA MISE EN FORME DE LA NAVIGATION -------**/


/**----------------- MISE EN FORME CONTENU ----------------**/

#blockcontenu {
	width:753px;
	left: 17px;
	top: 197px;
	float: left;
	position: absolute;
	overflow: auto;
	height: 324px;
}

#blockcontenu ul {
	color: #193C66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#blockcontenu li {
	color: #193C66;
	margin-left: 40px;
	margin-bottom: 15px;
	margin-right: 40px;
}

#blockcontenu a {
	color: #193C66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#titre {
	color: #193C66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	
}

.contenu {
	color: #193C66;
	margin-right: 40px;
	margin-left: 40px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: justify;
}

h1 {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 15px;
}

/**--------------- FIN MISE EN FORME CONTENU --------------**/

/**------ MISE EN FORME CONTENU POUR MATERIEL LOGICIEL -----**/

table {
	width:600px;
	margin-left: 60px;
}

td {
	text-align: center;
	vertical-align: baseline;
	padding-top: 20px;
}

/**--- FIN MISE EN FORME CONTENU POUR MATERIEL LOGICIEL ---**/

/**---------- MISE EN FORME CONTENU POUR CONTACT ----------**/

#contact {
	position: absolute;
	height: 100px;
	width: 600px;
	top: 60px;
	left: 80px;
}

.contenucontact {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #193C66;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
}

.boutoncontact {
	text-align: center;
	margin: 8px;

}

.contenucontact2 {
	color: #193C66;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	line-height: 18px;
	margin-top: 35px;
	font-weight: bold;
	margin-left: 430px;
}

.contenucontact3 {
	color: #193C66;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	line-height: 18px;
	margin-top: 100px;
	font-weight: bold;
	margin-left: 150px;
}

/**----- FIN DE LA MISE EN FORME CONTENU POUR CONTACT -----**/

/**--------------- MISE EN FORME PAGE INTRO ---------------**/

#global2 { 
	LEFT: 50%; 
	MARGIN-LEFT: -400px; 
	WIDTH: 800px;  
	POSITION: absolute; 
	HEIGHT: 800px; 	
}

#blockintro {
	width:800px;
	height: 20px;
	position: absolute;
	top: 450px;
	left: 330px;
}

#blockintro ul li  {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	list-style-type: none;
}

#blockintro a {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	list-style-type: none;
}

.skipintro {
	color: #193C66;
	margin-right: 40px;
	margin-left: 40px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}

#introanime{
	height: 800px;
	width: 800px;
	left: 0px;
	top: 0px;
}

#logointro {
	background-image: url(images/logointro.gif);
	position: absolute;
	height: 68px;
	width: 178px;
	left: 311px;
	top: 250px;
}

/**--------------- FIN MISE EN FORME PAGE INTRO ---------------**/

#video {
	position: absolute;
	height: 256px;
	width: 320px;
	left: 220px;
	top: 50px;
	text-align: center;
	overflow: hidden;
}