@charset "utf-8";
/* CSS Document */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
							                                     [CSS GENERAL THIMAN-INFORMATIQUE]
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body {
	background-repeat:no-repeat;
	background-image:url("img_ti/gris.gif");
  	background-color:#006599;
	margin:0px;
	padding:0px;
}
img {						/* Balise images du site */
  	border:none;			/* Images du site sans bordures */
}
a {							/* Balise liens du site */
	color:#000000;			/* Couleur des liens noir */
	text-decoration:none;	/* enlève le trait sous le lien */
}
html {
	font-size:100%;
}
body {
    font-size :1em;
	font-family:Verdana, Geneva, sans-serif;
}
h1 {
	padding-top: 20px;
	font: 30px Verdana;
	color: white;
	text-align: center;
}
h2 {
  	text-decoration: underline;
  	font-variant : small-caps;
 	color: #006599;
}
h3 {
	font-variant : small-caps;
 	color: #006599;
}
#header {
	position:absolute;
	font-weight:bold;
	text-align:center;
	top:30px;
	left:420px;
	width:560px;
	height:25px;
}
/*----Info-Bulle--------------------------*/
img {
  	border:none;
}
#bulle { 
	position: absolute;
	visibility: hidden;
	font-size:12px;
}
.info{ 
	border:1px solid #666666;
	padding: 7px;
	color:#000000;
	background-color:#006599;
	font-family:"trebuchet MS";
}
.info1{ 
	border:1px solid #666666;
	padding: 7px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:"trebuchet MS";
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
							                                     [CSS GENERAL PAGE HORIZONTAL]
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_h {
	background-image:url('img_ti/fond-carnet1.jpg');
	background-repeat:repeat-y;
	position:absolute;
	margin-left:-500px;
	left:50%;
	top:80px;
	width:1000px;
	height:680px;
}
#logo {
	position:absolute;
	top:20px;
	left:70px;
	width:180px;
	height:180px;
}
#visuel {
	position:absolute;
	top:220px;
	left:10px;
	width:300px;
	height:300px;
}
#phtext1 {
	position:absolute;
	text-align:center;
	top:550px;
	left:10px;
	width:300px;
	height:auto;
}
#phtext2 {
	position:absolute;
	text-align:center;
	top:90px;
	left:495px;
	width:430px;
	height:auto;
}
#phtext3 {
	position:absolute;
	top:220px;
	left:510px;
	width:400px;
	height:auto;
}
#footer_h {
	position:absolute;
	font-size:.6em;
	font-family:arial;
	top:650px;
	left:385px;
	width:auto;
	height:auto;
}
#footer_hti {
	position:absolute;
	cursor:pointer;
	top:642px;
	left:808px;
	width:auto;
	height:auto;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
							                                     [CSS GENERAL PAGE VERTICAL]
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_v {
	background-image:url('img_ti/fond-carnet2.gif');
	background-repeat:repeat-x;
	position:absolute;
	margin-left:-500px;
	left:50%;
	top:0px;
	width:1000px;
	height:2500px;
}
#logo-dev {
	position:absolute;
	top:15px;
	left:80px;
	width:120px;
	height:120px;
}
#header-dev {
	position:absolute;
	font-weight:bold;
	text-align:center;
	top:54px;
	left:220px;
	width:700px;
	height:50px;
}
/* ---------[CSS BOUTON-DEV (Haut de page et bas de bage)]--------------*/
#bouton-dev1-1 {
	position:absolute;		/* Position absolut ici (angle supérieur gaughe) */
	top:300px;				/* Marge hauteur */
	left:80px;				/* Marge gauche */
}
#bouton-dev1-2 {
	position:absolute;		/* Position absolut ici (angle supérieur gaughe) */
	top:300px;				/* Marge hauteur */
	left:222px;				/* Marge gauche */
}
#bouton-dev1-3 {
	position:absolute;		/* Position absolut ici (angle supérieur gaughe) */
	top:300px;				/* Marge hauteur */
	left:364px;				/* Marge gauche */
}
#bouton-dev1-4 {
	position:absolute;		/* Position absolut ici (angle supérieur gaughe) */
	top:300px;				/* Marge hauteur */
	left:506px;				/* Marge gauche */
}
#bouton-dev1-5 {
	position:absolute;		/* Position absolut ici (angle supérieur gaughe) */
	top:300px;				/* Marge hauteur */
	left:648px;				/* Marge gauche */
}
#bouton-dev1-6 {
	position:absolute;		/* Position absolut ici (angle supérieur gaughe) */
	top:300px;				/* Marge hauteur */
	left:790px;				/* Marge gauche */
}
#bouton-dev2 {												
	position:absolute;		/* Position absolut ici (angle supérieur gaughe) */
	top:2420px;				/* Marge hauteur */
	left:80px;				/* Marge gauche */
}
.bouton-dev {
	position:absolute;							/* Position absolut ici (dimention de l'image) */
	background: url('img_ti/bouton-ti.gif');	/* Image du bouton */
	text-align:center;							/* Texte centrer dans bouton */
	width:130px;								/* Largeur image */
	height:30px;								/* Hauteur image visible */
}
.bouton-dev span {
	color:#FFFFFF;						/* Couleur police normal */
	font-size:16px;						/* Taille police */		
	line-height:30px;					/* Centrage hauteur ligne texte */
	font-family:Verdana;				/* Police */
}
.bouton-dev:hover,						/* */										
.bouton-dev:focus,						/* */											
.bouton-dev:active {
	background-position:0 -30px;		/* */
	background-position:100% -30px;		/* */							
}
.bouton-dev:hover span,					/* */										
.bouton-dev:focus span,					/* */										
.bouton-dev:active span {				/* */
	color:#000000;						/* Couleur police action */
	background-position:0 -30px;		/* */
	background-position:100% -30px;		/* */							
}
/*--------------------------------------------------------------------- */
#footer_v {
	position:absolute;
	font-size:.6em;
	font-family:arial;
	top:2440px;
	left:285px;
}
#footer_vti {
	position:absolute;
	cursor:pointer;
	top:2432px;
	left:720px;
}
/* --------------------------------------------------------------------------------------------
			[CSS INDEX - MAINTENANCE-DEV]
-------------------------------------------------------------------------------------------- */
#maintdevtext1 {
	position:absolute;
	top:400px;
	left:80px;
	width:840px;
	height:auto;
}
#maintdevtext2 {
	position:absolute;
	top:1090px;
	left:80px;
	width:840px;
	height:auto;
}
#maintdevtext3 {
	position:absolute;
	top:1290px;
	left:80px;
	width:840px;
	height:auto;
}
/*---------[BLOC ACTU]--------------------------------------------------*/

#bloc_actu {									/* Balise bloc actualités*/
	position:absolute;							/* Permet de décaler horizontalement et/ou verticalement */
	background-image:url("img_ti/actualite_informatique.gif");	/* Image pour la balise */
	background-repeat:no-repeat;				/* Affichée qu'une seule fois */
	background-color:#006599;					/* Couleur de fond dans la balise (ici en Bleu) */
	color:#ffffff;								/* Couleur du texte en blanc (ici les dates) */
	top:1600px;									/* Marge hauteur */
	left:80px;									/* Marge gauche */
	width:840px;								/* Largeur de la balise */
	height:auto;								/* Hauteur de la balise */
}
.sp_actu {										/* Support du bloc actu */
	display:block;								/* Induit un élément à générer une boîte de bloc principale */
	font-size:1em;								/* Taille de la police*/
	line-height:1.80;							/* Règle finement la hauteur des lignes (diminue la différence de hauteur de texte entre les navigateurs) */
	margin:0px 100px 0px 100px;					/* Marge du texte (ici valeur 100 sur gauche et droite */
	padding:8px 0px 8px 0px;					/* Marge entre ligne (ici valeur 8 entre bas et haut */
	border:dashed;								/* Bordure en pointillés */
	border-width:1px 0px 0px 0px;				/* Bordure pointillés valeur 1 (ici uniquement sur le bas) */
	border-color:#ffffff;						/* Couleur bordure (ici blanc) */
}
.sp_actu a {									/* Support du bloc actu séssion liens */
	color:#ffffff;								/* couleur blanc */
	text-decoration: none;						/* Texte neutre */
}
.sp_actu a:hover {								/* Support du bloc actu séssion liens survolés */
	text-decoration: underline;					/* Texte souligné */
}
body b {										/* Balise fond sur une partie du titre de l'actu */
	color: #000000;								/* Couleur noir */
}
/*----------------------------------------------------------------------*/
#convert {
	position:absolute;
	text-align:center;
	top:2070px;
	left:80px;
	width:840px;
	height:auto;
}
/* --------------------------------------------------------------------------------------------
			[CSS INDEX - CONCEPTION-DEV]
-------------------------------------------------------------------------------------------- */
#concepdevtext1 {
	position:absolute;
	top:350px;
	left:80px;
	width:840px;
	height:auto;
}
#concepdevpho1 {
	position:absolute;
	top:610px;
	text-align:center;
	left:310px;
	width:300px;
	height:220px;
}
#concepdevpho1-2 {
	position:absolute;
	top:610px;
	text-align:center;
	left:620px;
	width:300px;
	height:220px;
}
#concepdevtext2 {
	position:absolute;
	top:850px;
	left:80px;
	width:840px;
	height:auto;
}
#concepdevpho2 {
	position:absolute;
	top:1030px;
	left:310px;
	width:300px;
	height:200px;
}
#concepdevpho2-2 {
	position:absolute;
	top:1055px;
	left:620px;
	width:300px;
	height:200px;
}
#concepdevtext3 {
	position:absolute;
	top:1270px;
	left:80px;
	width:840px;
	height:auto;
}
#concepdevpho3 {
	position:absolute;
	top:1270px;
	left:550px;
	width:304px;
	height:257px;
}
#concepdevtext4 {
	position:absolute;
	top:1760px;
	left:80px;
	width:840px;
	height:auto;
}
#concepdevpho4 {
	position:absolute;
	top:1940px;
	left:80px;
	width:840px;
	height:400px;
}
/* --------------------------------------------------------------------------------------------
			[CSS INDEX - FORMATION-DEV]
-------------------------------------------------------------------------------------------- */
#formadevtext1 {
	position:absolute;
	top:390px;
	left:80px;
	width:840px;
	height:auto;
}
#formadevtext2 {
	position:absolute;
	top:705px;
	left:80px;
	width:840px;
	height:auto;
}
#formadevtext3 {
	position:absolute;
	top:1055px;
	left:80px;
	width:840px;
	height:auto;
}
#formadevtext4 {
	position:absolute;
	top:1530px;
	left:80px;
	width:840px;
	height:auto;
}
#formadevtext5 {
	position:absolute;
	top:1950px;
	left:80px;
	width:840px;
	height:auto;
}
/* --------------------------------------------------------------------------------------------
			[CSS INDEX - CONTACT-DEV]
-------------------------------------------------------------------------------------------- */
#contdevtext1 {
	position:absolute;
	top:420px;
	left:80px;
	width:auto;
	height:auto;
}
#contdevpho1 {
	position:absolute;
	top:420px;
	left:650px;
	width:150px;
	height:200px;
}
#contdevtext2 {
	position:absolute;
	top:820px;
	left:80px;
	width:330px;
	height:auto;
}
#contdevpho2 {
	position:absolute;
	top:740px;
	left:420px;
	width:500px;
	height:434px;
}
#contdevtext3 {
	position:absolute;
	top:1220px;
	left:80px;
	width:840px;
	height:auto;
}
#contdevpho3 {
	position:absolute;
	top:1480px;
	left:420px;
	width:500px;
	height:500px;
}
#contdevtext4 {
	position:absolute;
	top:2070px;
	left:80px;
	width:840px;
	height:auto;
}
#contdevpho4 {
	position:absolute;
	top:2200px;
	left:325px;
	width:350px;
	height:140px;
}
/* --------------------------------------------------------------------------------------------
			[CSS INDEX - TARIFS-DEV]
-------------------------------------------------------------------------------------------- */
#tardevtext1 {
	position:absolute;
	top:400px;
	left:80px;
	width:840px;
	height:auto;
}
#tardevpho1 {
	position:absolute;
	top:420px;
	left:650px;
	width:150px;
	height:auto;
}
#tardevtext2 {
	position:absolute;
	top:720px;
	left:80px;
	width:840px;
	height:auto;
}
#tardevtext3 {
	position:absolute;
	top:1260px;
	left:80px;
	width:840px;
	height:auto;
}
#tardevtext4 {
	position:absolute;
	top:1900px;
	left:80px;
	width:840px;
	height:auto;
}
#tardevtext5 {
	position:absolute;
	top:2150px;
	left:80px;
	width:840px;
	height:auto;
}