body
{
   width: 700px;
   height:100%;
   margin: auto; 
   background-image: url("images/FOND.png");
   background-repeat: repeat-x;
   margin-top: 10px;
   }
#en_tete
{
   width: 700px;
   height: 104px;
   background-image: url("images/haut.png");
   background-repeat: no-repeat;
   background-position: center;
   margin-bottom:0px;
 }
 /* Généralités----------------------------------------*/
a {
	text-decoration:none;
	border:0px;
	color:#333333;
}
a:hover {
	color:#006699;
}
h1
{  text-decoration:none;
   line-height:50%;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:16px;
   color:#333333;
}
h2
{  text-decoration:underline;
   line-height:50%;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color:#333333;
}
h3
{  text-decoration:none;
   line-height:	100%;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:16px;
   font-stretch:normal;
   font-weight:bold;
   font-style:italic; 
}
img
{
border:none;
}
/* Menu horizontal----------------------------------------*/
#menu
{
position: relative;
width:700px;
border:0px;
height:38px;
}
.menu {
	float:left;
	width:175px;
	height:38px;
	padding-bottom:5px;
	background-color:white;
	border:0px;
 } 
/* #page1 => Mise en page appliquée aux pages index, Studio_graphique, References_autres, References_site_web, References_logos, References_cartes_de_visite, References_invitation_faire-part, Contact, Plan_acces   */
#page1
{
   display:block;
   position:absolute;
   width: 700px;
   height: 400px;
   background-color:white;
   background-position: center;
   margin-top:35px;
   margin-bottom:0px;
  }
/* #page2 => Mise en page appliquée à la page services_informatiques  */
#page2
{
   display:block;
   position:absolute;
   width: 570px;
   height: 400px;
   background-color:white;
   background-position: center;
   margin-top:35px;
   margin-left:130px;
   margin-bottom:0px;
  }
/* #page3 => Mise en page appliquée aux pages : Dépannage, Formation_Initiation, Recuperation_de_donnees, Installation_Assistance & Conception_graphique_site_web  */
#page3
{
   display:block;
   position:absolute;
   width: 570px;
   height: 285px;
   background-color:white;
   background-position: center;
   margin-top:129px;
  }
/* Positionnement blocs page index ---------------------*/
#intro_accueil1
{
   display: block;
   position: absolute;
   margin-left:0px; 
   margin-bottom:0px; 
   padding: 15px 10px 30px 15px;
   width:340px;
   line-height:150%;
   text-align:justify;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color:#333333;
}
  #intro_accueil2
{
   display: block;
   position: absolute;
   margin-top:190px;
   margin-left:140px; 
   margin-bottom:0px; 
   padding:0px 10px 61px 0px;
   width:210px;
   line-height:150%;
   text-align:justify;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color:#333333;
}
.anim_intro1
{
   display: block;
   position: absolute;
   margin-left:360px;
   margin-top:0px;
   padding:20px 5px;
   height:330px;
   width:320px;
   float: right;
 }
#anim_intro2
{
   display: block;
   position: absolute;
   margin-left:8px;
   margin-top:200px;
   height:120px;
   width:130px;
   float:left;
   border:none;
}
/* Positionnement blocs page Services_informatiques --------*/
#intro_serv_inf_1
{
   display: block;
   position: absolute;
   margin-top:10px;
   margin-bottom: 10px; 
   margin-left:130px;
   padding: 10px 10px 10px 10px;
   width:350px;
   line-height:150%;
   text-align:justify;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color:#333333;
}
#intro_serv_inf_2
{
   display: block;
   position: absolute;
   margin-top:275px;
   margin-bottom: 10px; 
   margin-left:130px;
   padding: 20px 10px 0px 10px;
   width:500px;
   line-height:150%;
   text-align:justify;
   font-family: Arial,Verdana, sans-serif;
   font-size:13px;
   color:#333333;
}
.img_services
{   
   display: block;
   position: absolute;
   margin-left:490px;
   margin-top:20px;
   padding:10px 10px 20px 5px;
   height:250px;
   width:184px;
   border:0px;
   }
/* Menu vertical Services_informatiques -----------------------*/
#menu_dte_1
{
display: block;
position: absolute;
width:130px;
margin-top:0px;
padding-top:0px;
background-color:white;
border:0px;
}
#menudte2
{
display: block;
position: absolute;
width:130px;
margin-top:90px;
background-color:white;
border:0px;
}
.img_menudte
{
   float:right;
   height:64px;
   border:0px;
}
.img_menudte_bottom
{
   float:right;
   height:64px;
   margin-bottom:25px;
   border:0px;
}
.img3
{
   display: block;
   position: absolute;
   margin-left:435px;
   margin-top:0px;
   margin-bottom: 5px; 
   padding-right:15px;
   height:250px;
   width:265px;
   float: right;
   }
/* Positionnement blocs Depannage, Conception_graphique_site_web, Recuperation_donnees, Formation_Initiation ------------------*/
.img_entete_si
{
display:block;
position:absolute;
margin-top:0px;
padding-bottom:10px;
height:82px;
width:700px;
background-color:white;
}
#intro_formation_initiation
{
   display:block;
   position:absolute;
   margin-top:80px;
   margin-left:130px;
   margin-bottom:0px; 
   padding: 20px 10px 20px 15px;
   height:250px;
   width:545px;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color: #FF6600;
 }
#intro_depannage
{
   display:block;
   position:absolute;
   margin-top:80px;
   margin-bottom:0px; 
   margin-left:130px;
   padding: 20px 10px 20px 15px;
   height:250px;
   width:545px;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color: #66CC00;
 }
 #intro_installation_assistance
{
   display:block;
   position:absolute;
   margin-top:80px;
   margin-left:130px;
   margin-bottom:0px; 
   padding: 20px 10px 20px 15px;
   height:250px;
   width:545px;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color: #0099FF;
 }
 #intro_recup_donnees
{
   display:block;
   position:absolute;
   margin-top:80px;
   margin-left:130px;
   margin-bottom:0px; 
   padding: 20px 10px 20px 15px;
   height:250px;
   width:545px;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color: #660066;
}
 #intro_conception_graphique
 {
   display:block;
   position:absolute;
   margin-top:80px;
   margin-left:130px;
   margin-bottom:0px; 
   padding: 20px 10px 20px 15px;
   height:250px;
   width:545px;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color: #8b0000;
}
/* Positionnement blocs Studio_graphique ------------------*/
#bloc_logo
{
   display: block;
   position: absolute;
   margin-top:10px;
   margin-left:10px; 
   margin-bottom: 10px; 
   padding-top:25px;
   padding-right:15px;
   padding-left:10px;
   padding-bottom:10px;
   width:325px;
   height:107px;
   line-height:120%;
   text-align:justify;
   background-image: url("images/FDROUGE.png");
   background-repeat:no-repeat;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:13px;
   color:#800000;
}
#bloc_faire-part
{
   display: block;
   position: absolute;
   margin-top:120px;
   margin-left:10px; 
   margin-bottom: 10px; 
   padding-top:25px;
   padding-right:15px;
   padding-left:10px;
   padding-bottom:10px;
   width:325px;
   height:107px;
   line-height:120%;
   text-align:justify;
   background-image: url("images/FDVERT.png");
   background-repeat:no-repeat;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:13px;
   color:#336633;
}
#bloc_affiches
{
   display: block;
   position: absolute;
   margin-top:235px;
   margin-left:10px; 
   margin-bottom: 10px; 
   padding-top:25px;
   padding-right:15px;
   padding-left:10px;
   padding-bottom:10px;
   width:325px;
   height:107px;
   line-height:120%;
   text-align:justify;
   background-image: url("images/FDMAUVE.png");
   background-repeat:no-repeat;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:13px;
   color:#800080;
}
#bloc_cartes_de_visite
{
   display: block;
   position: absolute;
   margin-top:10px;
   margin-left:355px; 
   padding-top:25px;
   padding-right:10px;
   padding-left:10px;
   padding-bottom:10px;
   width:325px;
   height:107px;
   line-height:120%;
   text-align:justify;
   background-image: url("images/FDBLEU.png");
   background-repeat:no-repeat;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:13px;
   color:#0099FF; 
}
#bloc_site_internet
{
   display: block;
   position: absolute;
   margin-top:120px;
   margin-left:355px; 
   padding-top:25px;
   padding-right:10px;
   padding-left:10px;
   padding-bottom:10px;
   width:325px;
   height:107px;
   line-height:120%;
   text-align:justify;
   background-image: url("images/FDORANGE.png");
   background-repeat:no-repeat;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:13px;
   color:#FF0000; 
}
.btn_logo
{
   display: block;
   position: absolute;
   margin-left:185px;
   margin-top:90px;
   height:35px;
   width:150px;
   padding-left:10px;
   border:0px;
}
.btn_faire-part
{
   display: block;
   position: absolute;
   margin-left:185px;
   margin-top:200px;
   height:35px;
   width:150px;
   padding-left:10px;
   border:0px;
}
.btn_affiches
{
   display: block;
   position: absolute;
   margin-left:185px;
   margin-top:315px;
   height:35px;
   width:150px;
   padding-left:10px;
   border:0px;
}
.btn_cartes_visite
{
   display: block;
   position: absolute;
   margin-left:530px;
   margin-top:90px;
   padding-left:10px;
   height:35px;
   width:150px;
   border:0px;
}
.btn_site_web
{
   display: block;
   position: absolute;
   margin-left:530px;
   margin-top:200px;
   padding-left:10px;
   height:35px;
   width:150px;
   border:0px;
}
/* Animations page Studio_graphique ------------------------*/
.anim_sg1
{   
   display: block;
   position: absolute;
   margin-left:360px;
   margin-top:245px;
   height:60px;
   width:60px;
   border:0px;
}
.anim_sg2
{   
   display: block;
   position: absolute;
   margin-left:430px;
   margin-top:245px;
   height:60px;
   width:60px;
   border:0px;
}
.anim_sg3
{   
   display: block;
   position: absolute;
   margin-left:500px;
   margin-top:245px;
   height:60px;
   width:60px;
   border:0px;
}
.anim_sg4
{   
   display: block;
   position: absolute;
   margin-left:570px;
   margin-top:245px;
   height:60px;
   width:60px;
   border:0px;
}
.anim_sg5
{   
   display: block;
   position: absolute;
   margin-left:635px;
   margin-top:245px;
   height:60px;
   width:60px;
   border:0px;
   }
/* ----Positionnement blocs pages References_logos, References_cartes_de_visite, References_invitations_faire-part, References_site_web, References_autres----*/
#intro_ref 
{
   display: block;
   position: absolute;
   margin-bottom: 20px; 
   margin-left:0px;
   padding-top:10px;
   padding-left:10px; 
   width:175px;
   line-height:130%;
   text-align:justify;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color:#333333;
}
.img_references
{
   display: block;
   position: absolute;
   margin-left:195px;
   margin-top:5px;
   height:400px;
   width:400px;
 }
.retour
{
   display: block;
   position: absolute;
   margin-top:300px;
   margin-left:40px;
   height:38px;
   width:140px;
   border:0px;
 }
/* ----Positionnement blocs pages Contact----*/
.num_tel
{
   display: block;
   position: absolute;
   margin-left:400px;
   margin-top:20px;
   height:100px;
   width:160px;
   float: right;
 }
.anim_tel
{
   display: block;
   position: absolute;
   margin-left:600px;
   margin-top:20px;
   height:100px;
   width:80px;
   float: right;
 }
.anim_carte
{
   display: block;
   position: absolute;
   margin-left:600px;
   margin-top:240px;
   padding-bottom:30px;
   height:100px;
   width:80px;
   float: right;
   border:0px;
 }
.anim_mail
{
   display: block;
   position: absolute;
   margin-left:600px;
   margin-top:140px;
   height:100px;
   width:80px;
   float: right;
   border:0px;
 }
#contact {
   display: block;
   position: absolute;
   margin-left:350px; 
   margin-bottom:10px; 
   padding-top: 10px;
   padding-left:0px;
   width:245px;
   line-height:150%;
   text-align:left;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color:#333333;
}
#contact_form
{
   display: block;
   position: absolute;
   margin-left:20px; 
   margin-bottom:10px; 
   padding-top: 10px;
   padding-left:0px;
   width:245px;
   line-height:150%;
   text-align:left;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:14px;
   color:#333333;
}
.champ
{
   margin-bottom:5px;
   margin-top:5px;
   margin-left:10px; 
   width: 180px;
}
#ok
{
margin-top:20px;
}
/* ----Positionnement image Plan_acces----*/
.plan {
   display: block;
   position: absolute;
   margin-left:20px;
   padding:0px;
   width:660px;
   height:411px;
   }
/* ----Positionnement lien----*/
.lien {
   display: block;
   position: absolute;
   margin-left:20px;
   font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
   font-size:10px;
   padding:0px;
   width:660px;
   height:411px;
   }/* Positionnement logos W3Cimg ----------------------------*/
.c1 {
 border:0;
 width:88px;
 height:31px 
 }
#pied_de_page
{
   display: block;
   position: absolute;
   margin-top:350px;
   padding-top:30px;
   text-align:center;
   color: #FFFFFF;
   background-image:url("images/bas1.png");
   background-repeat:no-repeat;
   background-position:center;
   height:104px;
   width:700px;
   font-family: Arial,Verdana, sans-serif;
   font-size:12px;
}