/*---------------------------------Propriétés Générales------------------------- */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/fond-arriere.jpg);
	background-color:#A2C6EA;
	background-repeat:repeat-x;
	color: #333333; 
	font-family: Arial, Helvetica, sans-serif;}
	
.style1{font-size:9px;}
.style2{font-size:10px;font-style:normal;}
.style3{align:center;}
.symbolepuce{font-family: Wingdings 3}
li {list-style-type:circle;}

h1{
	position:absolute;
	left:185px;
	top:154px;
	width:427px;
	height:25px;
	font-size:14px;
	font-style: italic;
	font-weight: bold;
	text-align:center;
	color: #333333;
	z-index: 3;}
h2 {
	position:absolute;
	left:329px;
	top:325px;
	width:350px;
	height:34px;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	color: #003399;
	z-index: 1;}
h3 {
	position:absolute;
	left:210px;
	top:250px;
	width:570px;
	height:26px;
	font-size:12px;
	font-style: italic;
	font-weight: bold;
	text-align:center;
	color: #3399ff;
	z-index: 11;}

/*--------------------------------------BOUTONS-------------------------------------------*/ 
#bouton1 {
	position:absolute;
	color: #333333; 
	left:80px;
	top:269px;
	width:107px;
	height:15px;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	z-index: 4;}
#bouton2 {
	position:absolute;
	left:80px;
	top:302px;
	width:107px;
	height:15px;
	font-size: 9px;
	font-weight: bold;
	text-align:center;
	z-index: 5;}
#bouton3 {
	position:absolute;
	left:80px;
	top:341px;
	width:107px;
	height:15px;
	font-size: 9px;
	font-weight: bold;
	text-align:center;
	z-index: 6;}
#bouton3b {
	position:absolute;
	left:80px;
	top:341px;
	width:107px;
	height:15px;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	color:#FF0000;
	z-index: 6;}
#bouton4 {
	position:absolute;
	left:80px;
	top:377px;
	width:107px;
	height:15px;
	font-size: 9px;
	font-weight: bold;
	text-align:center;
	z-index: 7;}
#bouton4b {
	position:absolute;
	left:80px;
	top:377px;
	width:107px;
	height:15px;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	color:#FF0000;
	z-index: 7;}
#bouton5 {
	position:absolute;
	left:80px;
	top:413px;
	width:107px;
	height:15px;
	font-size:9px;
	font-weight: bold;
	text-align:center;
	z-index: 8;}
#bouton6 {
	position:absolute;
	left:80px;
	top:448px;
	width:107px;
	height:15px;
	font-size: 9px;
	font-weight: bold;
	text-align:center;
	z-index: 9;}

/* ----------------------------- PIED DE PAGE ------------------*/

#baseline1 {
	position:absolute;
	left:65px;
	top:503px;
	width:706px;
	height:33px;
	font-size: 10px;
	font-style: italic;
	text-align:center;
	z-index: 19;}	
#piedpage {
	position:absolute;
	left:65px;
	top:552px;
	width:706px;
	height:33px;
	font-size: 9px;
	font-weight: bold;
	text-align:center;
	z-index: 19;}	
/*--------------------------------IMAGES------------------------*/
#i1 {
	position:absolute;
	background-image:url(images/banniere.jpg);
	width:795px;
	height:110px;
	top:0px;
	left:0px;
	z-index: 6;}
#i2 {
	position:absolute;
	background-image:url(images/fond-1.jpg);
	width:107px;
	height:29px;
	top:110px;
	left:0px;
	z-index: 5;}
#i3 {
	position:absolute;
	width:688px;
	height:29px;
	top:110px;
	left:107px;
	z-index: 4;}
#i4 {
	position:absolute;
	width:795px;
	height:119px;
	top:139px;
	left:0px;}
#i5 {
	position:absolute;
	background-image:url(images/fond-3.jpg);
	width:795px;
	height:145px;
	top:258px;
	left:0px;}
#i6 {
	position:absolute;
	background-image:url(images/fond-4.jpg);
	width:78px;
	height:74px;
	top:403px;
	left:0px;}
#i7 {
	position:absolute;
	width:108px;
	height:36px;
	top:403px;
	left:78px;}
#i8 {
	position:absolute;
	width:108px;
	height:39px;
	top:439px;
	left:78px;}
#i9{
	position:absolute;
	background-image:url(images/fond-5.jpg);
	width:607px;
	height:74px;
	top:403px;
	left:186px;}
#i10{
	position:absolute;
	background-image:url(images/fond-6.jpg);
	width:795px;
	height:108px;
	top:477px;
	left:0px;}
	
/*--------------------------------- Fond ----------------------*/
#fondlogiciel {
	position:absolute;
	background-repeat:no-repeat;
	width:792px;
	height:447px;
	top:139px;
	left:0px;
	z-index:1;}
#fondvierge{
	position:absolute;
	background-image:url(images/fond-vierge.jpg);
	background-repeat:no-repeat;
	width:792px;
	height:447px;
	top:139px;
	left:0px;
	z-index:1;}
#fondsociete {
	position:absolute;
	background-image:url(images/societe.jpg);
	background-repeat:no-repeat;
	width:792px;
	height:447px;
	top:139px;
	left:0px;
	z-index:1;}
#fonddescriptif {
	position:absolute;
	background-image:url(images/fond-demande-descriptif.jpg);
	background-repeat:no-repeat;
	width:792px;
	height:447px;
	top:139px;
	left:0px;
	z-index:1;}
	
#fonddescriptif2 {
	position:absolute;
	background-image:url(images/descriptif2);
	background-repeat:no-repeat;
	width:792px;
	height:447px;
	top:139px;
	left:0px;
	z-index:1;}
/*---------------------------------TEXTES page accueil----------------------*/
#planningindex{
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	position:absolute;
	left:26px;
	top:512px;
	width:280px;
	height:47px;
	text-align:center;
	z-index: 25;}
#texte1{
	font-style: italic;
	font-size: 11px;
	position:absolute;
	left:14px;
	top:198px;
	width:761px;
	height:46px;
	text-align:center;
	z-index: 2;}
#texte2{
	font-weight: bold;
	font-size: 16px;
	position:absolute;
	color:#0033cc;
	left:401px;
	top:169px;
	width:308px;
	height:50px;
	text-align:center;
	z-index: 11;}
#texte3{
	font-style: italic;
	font-size: 11px;
	position:absolute;
	left:256px;
	top:268px;
	width:380px;
	height:66px;
	text-align:center;
	z-index: 12;}
#texte4{
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	position:absolute;
	color:#0033cc;
	left:334px;
	top:323px;
	width:215px;
	height:50px;
	text-align:center;
	z-index: 13;}
#texte5{
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	position:absolute;
	left:586px;
	top:362px;
	width:180px;
	height:50px;
	text-align:center;
	z-index: 14;}
#texte6{
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px #888888;
	box-shadow:1px 1px #888888;
	background-color:#D7E9FB;
	color:#0033cc;
	font-size:10px;
	height:57px;
	left:354px;
	position:absolute;
	text-align:center;
	top:363px;
	width:187px;
	z-index:10;
	}
#texte7 {
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px #888888;
	box-shadow:1px 1px #888888;
	background-color:#D7E9FB;
	color:#0033cc;
	font-size:11px;
	font-weight:bold;
	height:34px;
	left:574px;
	position:absolute;
	text-align:center;
	top:461px;
	width:187px;
	z-index:10;
}
#texte8{
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px #888888;
	box-shadow:1px 1px #888888;
	background-color:#D7E9FB;
	font-size: 11px;
	font-weight: bold;
	line-height:19px;
	height:23px;
	left:574px;
	position:absolute;
	text-align:center;
	top:497px;
	width:187px;
	z-index: 10;
	}
#texte9{
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px #888888;
	box-shadow:1px 1px #888888;
	background-color:#D7E9FB;
	font-size: 11px;
	font-weight: bold;
	line-height:19px;
	height:43px;
	left:395px;
	position:absolute;
	text-align:center;
	top:477px;
	width:178px;
	z-index: 10;
	}
#nouv{
	font-size: 12px;
	font-weight: bold;
	line-height:19px;
	height:21px;
	left:395px;
	position:absolute;
	text-align:center;
	top:462px;
	width:178px;
	z-index: 10;
	}
	
#actualite {
	font-weight: bold;
	font-size: 12px;
	position:absolute;
	color:#FFFFFF;
	background-color:#333333;
	left:395px;
	top:443px;
	width:367px;
	height:19px;
	text-align:center;
	z-index: 16;}
#datesite{
	font-style: italic;
	font-size: 9px;
	position:absolute;
	left:570px;
	top:538px;
	width:222px;
	height:15px;
	text-align:center;
	z-index: 9;}
#compteur{
	font-size: 12px;
	position:absolute;
	color:#333333;
	left:599px;
	top:513px;
	width:149px;
	height:21px;
	text-align:center;
	z-index: 8;}

/*--------------------------- TEXTE (contenu des pages)-----------------*/
#explication {
	font-style: italic;
	font-size: 12px;
	position:absolute;
	left:220px;
	top:303px;
	width:551px;
	height:264px;
	text-align:justify;
	z-index: 3;}

#explication1 {
	font-style: italic;
	font-size: 12px;
	position:absolute;
	left:220px;
	top:276px;
	width:551px;
	height:264px;
	text-align:justify;
	z-index: 3;}
/*------------------------ TEXTES services généraux -------------------*/
#logiciels{
	font-size: 9px;
	position:absolute;
	color:#333333;
	left:101px;
	top:455px;
	width:640px;
	height:77px;
	text-align:justify;
	z-index: 11;}
#economat{
	font-size: 10px;
	font-weight: bold;
	position:absolute;
	color:#333333;
	left:144px;
	top:200px;
	width:148px;
	height:28px;
	text-align:center;
	z-index: 18;}
#budget{
	font-size: 10px;
	font-weight: bold;
	position:absolute;
	color:#333333;
	left:85px;
	top:286px;
	width:148px;
	height:28px;
	text-align:center;
	z-index: 13;}
#mat{
	font-size: 10px;
	font-weight: bold;
	position:absolute;
	color:#333333;
	left:505px;
	top:198px;
	width:148px;
	height:28px;
	text-align:center;
	z-index: 14;}
#contrats {
	font-size: 10px;
	font-weight: bold;
	position:absolute;
	color:#333333;
	left:149px;
	top:375px;
	width:148px;
	height:28px;
	text-align:center;
	z-index: 15;}
#travaux{
	font-size: 10px;
	font-weight: bold;
	position:absolute;
	color:#333333;
	left:501px;
	top:371px;
	width:148px;
	height:28px;
	text-align:center;
	z-index: 16;}
#reserv{
	font-size: 10px;
	font-weight: bold;
	position:absolute;
	color:#333333;
	left:565px;
	top:282px;
	width:148px;
	height:28px;
	text-align:center;
	z-index: 17;}

/*----------------------------------- TEXTE société ----------------------------*/
#adresse {
	font-size: 12px;
	font-weight: bold;
	position:absolute;
	color:#333333;
	left:287px;
	top:354px;
	width:235px;
	height:154px;
	text-align:center;
	z-index: 14;}
#textesociete {
	font-size: 12px;
	position:absolute;
	font-style: italic;
	color:#333333;
	left:286px;
	top:268px;
	width:250px;
	height:56px;
	text-align:center;
	z-index: 13;}
	
/*--------------------------------------- PAGE acces client--------------------------------*/
#accesplanning {
	font-size: 12px;
	position:absolute;
	font-style: italic;
	font-weight: bold;	
	color:#333333;
	left:6px;
	top:179px;
	width:156px;
	height:107px;
	text-align:center;
	z-index: 21;}
#motdepasse {
	position:absolute;
	font-style: italic;		
	text-align:center;
	font-weight: bold;	
	left:187px;
	top:254px;
	width:530px;
	height:153px;
	z-index: 25;}
#maint1{
	position:absolute;
	width:229px;
	height:24px;
	top:261px;
	left:529px;
	font-weight: bold;
	font-size:11px;
	z-index:20;}
#maint2{
	position:absolute;
	width:81px;
	height:74px;
	top:225px;
	left:443px;
	z-index:21;}
#finannee{
	position:absolute;
	width:229px;
	height:24px;
	top:261px;
	left:156px;
	font-weight: bold;
	font-size:11px;
	z-index:20;}
#finannee2{
	position:absolute;
	width:81px;
	height:74px;
	top:225px;
	left:59px;
	z-index:21;}
/*--------------------------------------- PAGE planning formation --------------------------------*/
#titre{
	font-size: 11px;
	position:absolute;
	width:469px;
	height:33px;
	top:6px;
	left:15px;
	font-weight: bold;}
#ancrenommee{
	position:absolute;
	width:209px;
	height:19px;
	top:23px;
	left:495px;
	font-size:11px;}	
#tarifs{
	position:absolute;
	width:509px;
	height:84px;
	top:468px;
	left:20px;
	font-size:11px;}	
#planning{
	position:absolute;
	width:462px;
	height:373px;
	top:39px;
	left:28px;}	
	
/*--------------------------------------- PAGE plan acces --------------------------------*/
#plan{
	position:absolute;
	width:788px;
	height:546px;
	top:40px;
	left:7px;
	background-image:url(images/plan-acces-albatec.png);
	background-repeat:no-repeat;}	
	
/*--------------------------------------- LIENS PAGE AUTRES --------------------------------*/
#telecharger{
	position:absolute;
	width:178px;
	height:21px;
	top:6px;
	left:672px;
	font-size:11px;}	
#imprimer{
	position:absolute;
	width:86px;
	height:22px;
	top:5px;
	left:581px;
	font-size:11px;
	color:#FF6600;}	
#accueil{
	position:absolute;
	width:82px;
	height:22px;
	top:5px;
	left:495px;
	font-size:11px;
	color:#FF6600;}	

/*--------------------------------------- PAGE greserv ecran planning/menu --------------------------------*/
#ecranaccueil{
	position:absolute;
	width:82px;
	height:22px;
	top:5px;
	left:324px; 
	font-size: 12px;
	color:#FF6600;}
#imagereserv{
	position:absolute;
	width:250px;
	height:100px;
	top:50px;
	left:50px; }

/*--------------------------------------- PAGE greserv gestion biens/description logiciel --------------------------------*/
#greserv{
	position:absolute;
	left:365px;
	top:352px;
	width:198px;
	height:100px;
	z-index: 18;}
	
/*--------------------------------------- PAGE demande descriptif --------------------------------*/
#descriptif{
	position:absolute;
	left:191px;
	top:154px;
	width:561px;
	height:389px;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	z-index: 18;}
#descriptif2{
	position:absolute;
	left:191px;
	top:154px;
	width:561px;
	height:389px;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	z-index: 24;}
#descriptif3{
	position:absolute;
	left:192px;
	top:233px;
	width:560px;
	height:289px;
	font-size: 11px;
	font-weight: bold;
	z-index: 24;}

#texteform{
	position:absolute;
	left:191px;
	top:520px;
	width:561px;
	height:18px;
	font-size: 7px;
	font-weight: bold;
	font-style: italic;
	z-index: 18;}
	
#texteform2{
	position:absolute;
	left:191px;
	top:542px;
	width:561px;
	height:18px;
	font-size: 7px;
	font-weight: bold;
	font-style: italic;
	z-index: 18;}
	
/*---------------------------- G-INTERV ----------------------------------------*/
/* --------nouveauté------------*/

#nouveaute{
	position:absolute;
	left:640px;
	top:340px;
	width:95px;
	height:70px;
	font-size: 12px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	z-index: 18;}

#nouveaute2{
	position:absolute;
	left:269px;
	top:426px;
	width:95px;
	height:70px;
	font-size: 12px;
	text-align:center;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px #888888;
	box-shadow:1px 1px #888888;
	background:url("images/bouton.png") repeat-x scroll 50% 50% #2191C0;
	font-weight: bold;
	color:#FFFFFF;
	z-index: 18;}
#nouveaute3{
	position:absolute;
	left:260px;
	top:387px;
	width:95px;
	height:70px;
	font-size: 12px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	z-index: 18;}
#nouveaute4{
	position:absolute;
	left:242px;
	top:427px;
	width:1px;
	height:17px;
	z-index: 18;}
#apercu{
	position:absolute;
	left:398px;
	top:489px;
	width:209px;
	font-size: 12px;
	text-align:center;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px #888888;
	box-shadow:1px 1px #888888;
	background:url("images/bouton.png") repeat-x scroll 50% 50% #2191C0;
	font-weight: bold;
	color:#FFFFFF;
	z-index: 18;}
#apercu2{
	position:absolute;
	left:398px;
	top:314px;
	width:209px;
	font-size: 12px;
	text-align:center;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px #888888;
	box-shadow:1px 1px #888888;
	background:url("images/bouton.png") repeat-x scroll 50% 50% #2191C0;
	font-weight: bold;
	color:#FFFFFF;
	z-index: 18;}
#explication2 {
	font-style: italic;
	font-size: 12px;
	position:absolute;
	left:239px;
	top:256px;
	width:532px;
	height:188px;
	text-align:justify;
	z-index: 3;}
#explication3 {
	font-size: 12px;
	position:absolute;
	left:210px;
	top:438px;
	width:96px;
	height:83px;
	text-align:justify;
	z-index: 3;}
#explication4 {
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	position:absolute;
	left:319px;
	top:441px;
	width:402px;
	height:83px;
	text-align:justify;
	z-index: 3;}
#explication5 {
	font-size: 12px;
	position:absolute;
	left:217px;
	top:206px;
	width:551px;
	height:233px;
	text-align:justify;
	z-index: 3;}
#explication6 {
	font-size: 12px;
	position:absolute;
	left:369px;
	top:186px;
	width:114px;
	height:83px;
	text-align:justify;
	z-index: 3;}
#explication7 {
	font-size: 12px;
	position:absolute;
	left:245px;
	top:232px;
	width:277px;
	height:147px;
	text-align:justify;
	z-index: 3;}
#explication8 {
	font-size: 12px;
	position:absolute;
	left:576px;
	top:196px;
	width:186px;
	height:147px;
	text-align:justify;
	z-index: 3;}
#explication9 {
	font-size: 12px;
	position:absolute;
	left:584px;
	top:227px;
	width:26px;
	height:26px;
	text-align:justify;
	z-index: 3;}
#imageinterv{
	position:absolute;
	width:564px;
	height:428px;
	top:120px;
	left:50px; }
#imageinterv2{
	position:absolute;
	width:792px;
	height:757px;
	top:120px;
	left:50px; }
#retour{
	position:absolute;
	width:82px;
	height:22px;
	top:19px;
	left:495px;
	font-size:11px;
	color:#FF6600;}	
#retour1{
	position:absolute;
	width:286px;
	height:119px;
	top:4px;
	left:495px;
	font-size:11px;
	color:#666666;}
#retour2{
	position:absolute;
	width:427px;
	height:51px;
	top:7px;
	left:495px;
	font-size:11px;
	color:#FF6600;}	
/*--------------------------------------- LIENS --------------------------------*/
a:link {text-decoration: none;color: #333333;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: underline;color: #333333;}
button:hover {text-decoration: underline;color: #333333;}
a:active {text-decoration: none;color: #333333;}