/* Général */

body {
margin-bottom: 0px;
font-family: Verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #525252;
background: #fff;
}

html, body, #wrapper, h1, #nav, li, ul {
margin: 0;
padding: 0;
list-style: none;
height: 100%;
}

a img 
{border: none;}

/*------------------------------*/

/* Page */

#container {
margin: 45px auto;
width: 800px;
border: #b7b6b6 1px solid;
margin-bottom: 15px;
}

/*------------------------------*/

/* Header */

#header {  
left: 0px;
width: 800px;
height: 116px;
background-image: url(images/header.gif);
}

#header_line {
left: 0px;
width: 800px;
height: 12px;
background-image: url(images/header_line1.gif);
}

#header_low {  
left: 0px;
width: 800px;
height: 142px;
background-image: url(images/header_2.gif);
}

#header_line2 {  
left: 0px;
width: 800px;
height: 13px;
margin-top: 0px;
background-image: url(images/header_line2.gif);
}

/*------------------------------*/

/* Menu */

#menu1 {
margin-top: -3px;
margin-left: -1px;
width: 800px;
height: 26px;
border: #b7b6b6 1px solid;
}

/* nav */

#nav {
margin-top: 0;
top: 0;   
left: 0;
width: 800px; 
}

#nav li {
float: left;
}

#b-nav {
background: url(images/b_nav_r.jpg) top right no-repeat;
}

#menu_line {  
left: 0px;
width: 790px;
height: 1px;
margin-top: 0px;
background-image: url(images/template_2_02b.gif);
}

/*------------------------------*/
/*------------------------------*/

/* Contact */

#contact {
width: 391px;
height: 168px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact.gif);
}

/*------------------------------*/

/* ACCUEIL */


/* Middle */

#middle_comunic {
width: 409px;
height: 169px;
margin-top: -168px;
margin-left: 390px;
background-image: url(images/communication.gif);
background-repeat: no-repeat;
float: left;
}

#middle_comunic p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 50px;
padding-left: 20px;
white-space: normal;
line-height: 14px;
}

/* identité */

#middle_identity2 {
width: 391px;
height: 127px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/identity.gif);
background-repeat: no-repeat;
}

#middle_identity2 h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 50px;
padding-left: 70px;
white-space: normal;
line-height: 14px;
}

/* solutions */

#middle_soluc {
width: 409px;
height: 115px;
margin-top: -126px;
margin-left: 391px;
background-image: url(images/solution_1.gif);
background-repeat: no-repeat;
}

#middle_soluc2 {
width: 409px;
height: 186px;
margin-top: 0px;
margin-left: 391px;
background-image: url(images/solution_2.gif);
background-repeat: no-repeat;
}

#middle_soluc2 h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-left: 65px;
white-space: normal;
line-height: 14px;
}

/* vangastyle */

#vangastyle {
width: 391px;
height: 175px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/vangastyle.gif);
background-repeat: no-repeat;
float: left;
}

#vangastyle a {
color: #4e4e4e;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: left;
}

#vangastyle h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 115px;
padding-left: 27px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* SERVICES WEB */

/* Contact */

#contact_web {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact2.gif);
}

/*------------------------------*/

/* Middle */
/* objectifs */

#middle_creation {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/creation_site.gif);
background-repeat: no-repeat;
float: left;
}

#middle_creation p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 110px;
padding-left: 50px;
white-space: normal;
line-height: 14px;
}

/* objectifs */

#middle_objectifs {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/objectifs.gif);
background-repeat: no-repeat;
}

#middle_objectifs h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 35px;
padding-left: 70px;
white-space: normal;
line-height: 14px;
}

/* étapes realisation */

#middle_rea {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/etapes_rea.gif);
background-repeat: no-repeat;
}

#middle_rea h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 85px;
padding-left: 65px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev1.gif);
background-repeat: no-repeat;
}

/* w3c */

#norms {
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/w3c.gif);
background-repeat: no-repeat;
float: left;
}

#norms h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 50px;
padding-left: 27px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* GRAPHISME / PRINT */

/* Contact */

#contact_graph {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact3.gif);
}

/*------------------------------*/

/* Middle */
/* conceptions graphiques/pao */

#middle_conceptionsgraph {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/conception_graphique.gif);
background-repeat: no-repeat;
float: left;
}

#middle_conceptionsgraph p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 50px;
padding-left: 50px;
white-space: normal;
line-height: 14px;
}

/* graphisme web */

#middle_graphweb {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/graphisme_web.gif);
background-repeat: no-repeat;
}

#middle_graphweb h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 30px;
padding-left: 64px;
white-space: normal;
line-height: 14px;
}

/* pao */

#middle_pao {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/conception_pao.gif);
background-repeat: no-repeat;
}

#middle_pao h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 100px;
padding-left: 65px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev3 {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev3.gif);
background-repeat: no-repeat;
}

/* visuels */

#visuels {
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/visuels.gif);
background-repeat: no-repeat;
float: left;
}

#visuels h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 40px;
padding-left: 27px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* PRODUITS VERTS */

/* Contact */

#contact_prodverts {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact9.gif);
}

/*------------------------------*/

/* Middle */
/* engagement */

#middle_engagement {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/vw_engage.gif);
background-repeat: no-repeat;
float: left;
}

#middle_engagement p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 48px;
padding-left: 30px;
white-space: normal;
line-height: 14px;
}

/* gamme complète */

#middle_gamme {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/gamme_complete.gif);
background-repeat: no-repeat;
}

#middle_gamme h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 34px;
padding-left: 75px;
white-space: normal;
line-height: 14px;
}

/* garantie de notre démarche */

#middle_garantie {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/garantie.gif);
background-repeat: no-repeat;
}

#middle_garantie h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 103px;
padding-left: 65px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev8 {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev8.gif);
background-repeat: no-repeat;
}

/* vide */

#vert_vide {
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/vert_vide.gif);
background-repeat: no-repeat;
float: left;
}

#vert_vide h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 48px;
padding-left: 32px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* ANIMATIONS FLASH */

/* Contact */

#contact_flash {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact4.gif);
}

/*------------------------------*/

/* Middle */
/* animations flash */

#middle_animflash {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/anim_flash.gif);
background-repeat: no-repeat;
float: left;
}

#middle_animflash p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 55px;
padding-left: 35px;
white-space: normal;
line-height: 14px;
}

/* applications */

#middle_applif {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/applications.gif);
background-repeat: no-repeat;
}

#middle_applif h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 40px;
padding-left: 64px;
white-space: normal;
line-height: 14px;
}

/* exemple d'animation */

#middle_exflash {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/exemple_anim.gif);
background-repeat: no-repeat;
}

#middle_exflash h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 92px;
padding-left: 35px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev4 {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev4.gif);
background-repeat: no-repeat;
}

/* sites flash */

#sitesflash {
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/sites_flash.gif);
background-repeat: no-repeat;
float: left;
}

#sitesflash h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 50px;
padding-left: 27px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* OBJETS PUBLICITAIRES */

/* Contact */

#contact_pub {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact10.gif);
}

/*------------------------------*/

/* Middle */
/* communication par l'objet */

#middle_com_obj {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/com_obj.gif);
background-repeat: no-repeat;
float: left;
}

#middle_com_obj p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 48px;
padding-left: 30px;
white-space: normal;
line-height: 14px;
}

/* produits */

#middle_produits {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/produits.gif);
background-repeat: no-repeat;
}

#middle_produits h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 40px;
padding-left: 75px;
white-space: normal;
line-height: 14px;
}

/* idées cadeaux */

#middle_cadeaux {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/idees_cadeaux.gif);
background-repeat: no-repeat;
}

#middle_cadeaux h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 103px;
padding-left: 65px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev9 {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev9.gif);
background-repeat: no-repeat;
}

/* avantages */

#avantages {
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/avantages.gif);
background-repeat: no-repeat;
float: left;
}

#avantages h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 48px;
padding-left: 32px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* FORMATIONS */

/* Contact */

#contact_formations {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact6.gif);
}

/*------------------------------*/

/* Middle */
/* formation web */

#middle_formweb {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/formation_web.gif);
background-repeat: no-repeat;
float: left;
}

#middle_formweb p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 52px;
padding-left: 35px;
white-space: normal;
line-height: 14px;
}

/* etapes web */

#middle_etapesweb {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/etapes_web.gif);
background-repeat: no-repeat;
}

#middle_etapesweb h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 35px;
padding-left: 57px;
white-space: normal;
line-height: 14px;
}

/* formations informatique */

#middle_forminfo {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/formation_info.gif);
background-repeat: no-repeat;
}

#middle_forminfo h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 97px;
padding-left: 73px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev6 {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev6.gif);
background-repeat: no-repeat;
}

/* 5 points */

#cinq_etapes{
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/5_point.gif);
background-repeat: no-repeat;
float: left;
}

#cinq_etapes h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 50px;
padding-left: 40px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* MAINTENANCE */

/* Contact */

#contact_maintenance {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact5.gif);
}

/*------------------------------*/

/* Middle */
/* maintenance-assistance */

#middle_maintenance {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/evoluer_site.gif);
background-repeat: no-repeat;
float: left;
}

#middle_maintenance p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 52px;
padding-left: 35px;
white-space: normal;
line-height: 14px;
}

/* evolution en action */

#middle_evolution {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/evolution_action.gif);
background-repeat: no-repeat;
}

#middle_evolution h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 35px;
padding-left: 64px;
white-space: normal;
line-height: 14px;
}

/* positionnement */

#middle_positionnement {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/case_assistance.gif);
background-repeat: no-repeat;
}

#middle_positionnement h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 97px;
padding-left: 60px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev5 {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev5.gif);
background-repeat: no-repeat;
}

/* statistiques */

#stats {
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/stats.gif);
background-repeat: no-repeat;
float: left;
}

#stats h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 32px;
padding-left: 24px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* ASSISTANCE */

/* Contact */

#contact_assistance {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact7.gif);
}

/*------------------------------*/

/* Middle */
/* assistance */

#middle_assistance {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/assis_web.gif);
background-repeat: no-repeat;
float: left;
}

#middle_assistance p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 48px;
padding-left: 30px;
white-space: normal;
line-height: 14px;
}

/* moyens d'action */

#middle_moyenact {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/moyens_action.gif);
background-repeat: no-repeat;
}

#middle_moyenact h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 34px;
padding-left: 64px;
white-space: normal;
line-height: 14px;
}

/* productivité */

#middle_produc {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/temps_produc.gif);
background-repeat: no-repeat;
}

#middle_produc h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 97px;
padding-left: 60px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev5 {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev5.gif);
background-repeat: no-repeat;
}

/* mois gratuis */

#mois_gratuit {
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/mois_gratuit.gif);
background-repeat: no-repeat;
float: left;
}

#mois_gratuit h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 55px;
padding-left: 32px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* DEPANNAGE */

/* Contact */

#contact_depannage {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact8.gif);
}

/*------------------------------*/

/* Middle */
/* dépannage pc */

#middle_depannagepc {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/img_depannagepc.gif);
background-repeat: no-repeat;
float: left;
}

#middle_depannagepc p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 48px;
padding-left: 30px;
white-space: normal;
line-height: 14px;
}

/* installation pc */

#middle_instalpc {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/instal_pc.gif);
background-repeat: no-repeat;
}

#middle_instalpc h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 34px;
padding-left: 64px;
white-space: normal;
line-height: 14px;
}

/* formatage et réinstallation */

#middle_formatage {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/formatage.gif);
background-repeat: no-repeat;
}

#middle_formatage h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 97px;
padding-left: 60px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev7 {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev7.gif);
background-repeat: no-repeat;
}

/* nettoyage et entretien */

#nettoyage_entretien {
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/nettoyage.gif);
background-repeat: no-repeat;
float: left;
}

#nettoyage_entretien h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 48px;
padding-left: 32px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/

/* MENTIONS LEGALES */

#container_otherall {
margin: 45px auto;
width: 800px;
border: #b7b6b6 1px solid;
margin-bottom: 15px;
}

#contact_other {
width: 389px;
height: 183px;
margin-top: 0px;
margin-left: 2px;
background-image: url(images/contact11.gif);
}

#middle_otherall {
background-color: #f6f6f6;
width: 800px;
height: 500px;
overflow-y: scroll;
overflow-x: hidden;
margin-top: 5px;
margin-left: 0px;
}

#middle_otherall p { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
margin-bottom: -110px;
text-align: justify;
padding-left: 55px;
width: 550px;
}

#middle_otherall a {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_otherall a:hover {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

#middle_otherall h1 { 
color: #b90c12;
font-size: 14px;
margin: 0 10px 10px 30px;
padding: 20px;
text-align: justify;
width: 500px;
white-space: normal;
line-height: 15px;
margin-bottom: -520px;
font-weight: bold;
}

#middle_otherall h2 { 
color: #950f14;
font-size: 13px;
margin: 0 10px 10px 10px;
padding: 70px;
text-align: justify;
padding-left: 55px;
width: 500px;
white-space: normal;
line-height: 15px;
margin-bottom: -110px;
font-weight: bold;
}

#middle_otherall h3 { 
color: #474747;
font-size: 11px;
margin: 0 10px 10px 10px;
padding: 60px;
text-align: justify;
padding-left: 55px;
width: 500px;
white-space: normal;
margin-bottom: -110px;
font-weight: bold;
}

/*------------------------------*/

/* ABOUT */

#middle_otherall2 {
margin: 45px auto;
width: 800px;
border: #b7b6b6 1px solid;
margin-bottom: 15px;
}

#middle_otherall_about {
background-color: #f6f6f6;
width: 800px;
height: 500px;
margin-top: 5px;
margin-left: 0px;
}

#middle_otherall_about p { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 80px;
margin-bottom: -130px;
text-align: justify;
padding-left: 100px;
width: 550px;
}

#middle_otherall_about a {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_otherall_about a:hover {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

#middle_otherall_about h1 { 
color: #b90c12;
font-size: 14px;
margin-top: 80px;
text-align: center;
font-weight: bold;
}

#middle_otherall_about h2 { 
color: #b90c12;
font-size: 14px;
margin: 0 10px 10px 10px;
padding: 30px;
text-align: justify;
padding-left: 55px;
width: 500px;
white-space: normal;
line-height: 15px;
margin-bottom: -90px;
font-weight: bold;
}

#middle_otherall_about h3 { 
color: #950f14;
font-size: 14px;
margin: 0 10px 10px 10px;
padding: 70px;
text-align: center;
padding-left: 130px;
width: 500px;
white-space: normal;
line-height: 15px;
margin-bottom: -130px;
font-weight: bold;
}

/*------------------------------*/

/* Réalisations*/

#container_book {
margin: 45px auto;
width: 800px;
border: #b7b6b6 1px solid;
margin-bottom: 15px;
}

#middle_book {
background-color: #f6f6f6;
width: 800px;
margin-top: 5px;
margin-left: 0px;
}

#middle_book h1 { 
color: #b90c12;
font-size: 14px;
padding: 10px;
text-align: justify;
width: 800px;
font-weight: bold;
}

div#galerie_book {
width: 440px;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 180px;
text-align: center;
font: 0.9em Georgia, serif;
}

/*------------------------------*/ 

/* CONTACT ET DEVIS */

#middle_contact {
background-color: #f6f6f6;
width: 800px;
height: 500px;
overflow-y: scroll;
overflow-x: hidden;
margin-top: 5px;
margin-left: 0px;
}

#middle_contactbudg {
background-color: #f6f6f6;
width: 800px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: -40px;
}

#middle_contactbudg h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333;
padding: 8px;
margin-bottom: -20px;
text-align: center;
}

#middle_contact h1 { 
color: #b90c12;
font-size: 14px;
margin: 0 10px 10px 30px;
padding: 20px;
text-align: justify;
width: 500px;
white-space: normal;
line-height: 15px;
margin-bottom: -520px;
font-weight: bold;
}

#middle_contact h4 {
color: #333;
font-size: 11px;
padding: 40px;
text-align: center;
padding-left: 160px;
width: 500px;
white-space: normal;
margin-bottom: -42px;
font-weight: bold;
}

#middle_contact p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
margin-bottom: -110px;
text-align: justify;
padding-left: 160px;
width: 550px;
}

#middle_contact a{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_contact a:hover{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

label {
float: left;
width: 10em;
font: 1,3em Arial, Helvetica, sans-serif; 
text-align: left;
padding-left: 190px;
}
 
input {
padding-right: 70px;
padding-left: 20px;
text-align: left;
}

/*------------------------------*/

/* Middle */
/* dépannage pc */

#middle_depannagepc {
width: 411px;
height: 183px;
margin-top: -183px;
margin-left: 388px;
background-image: url(images/img_depannagepc.gif);
background-repeat: no-repeat;
float: left;
}

#middle_depannagepc p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding: 48px;
padding-left: 30px;
white-space: normal;
line-height: 14px;
}

/* installation pc */

#middle_instalpc {
width: 389px;
height: 131px;
margin-top: -2px;
margin-left: 2px;
background-image: url(images/instal_pc.gif);
background-repeat: no-repeat;
}

#middle_instalpc h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 350px;
padding: 34px;
padding-left: 64px;
white-space: normal;
line-height: 14px;
}

/* formatage et réinstallation */

#middle_formatage {
width: 411px;
height: 234px;
margin-top: -131px;
margin-left: 388px;
background-image: url(images/formatage.gif);
background-repeat: no-repeat;
}

#middle_formatage h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
padding-top: 97px;
padding-left: 60px;
white-space: normal;
line-height: 14px;
}

/* bas rea */

#middle_dev7 {
width: 411px;
height: 53px;
margin-top: 0px;
margin-left: 388px;
background-image: url(images/bar_dev7.gif);
background-repeat: no-repeat;
}

/* nettoyage et entretien */

#nettoyage_entretien {
width: 389px;
height: 156px;
margin-top: -100px
margin-left: 0px;
background-image: url(images/nettoyage.gif);
background-repeat: no-repeat;
float: left;
}

#nettoyage_entretien h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393731;
width: 360px;
padding: 48px;
padding-left: 32px;
white-space: normal;
line-height: 14px;
}

/*------------------------------*/
/*------------------------------*/


/* Footer 1 */

#menu_foot {
text-align: right;
width: 434px;
height: 44px;
margin-top: -30px;
margin-left: 365px;
background-repeat: no-repeat;
}

#menu_foot .real {
margin-left: 47px;
color: #b90c12;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#menu_foot h1 {
padding-left: 65px;
color: #b90c12;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: left;
}

#menu_foot a {
color: #b90c12;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: left;
}

#menu_foot a:hover {
color: #b90c12;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: left;
}

#line_foot {
text-align: right;
width: 800px;
height: 7px;
margin-top: -12px;
margin-left: 0px;
background-image: url(images/line_footer.gif);
background-repeat: no-repeat;
}

#footer {
text-align: right;
width: 800px;
height: 63px;
margin-left: 0px;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
}

#footer .copy {
padding-top: 13px;
margin-left: 125px;
color: #4e4e4e;
font-family: Tahoma;
font-size: 10px;
font-weight: normal;
text-decoration: none;
text-align: left;
}

#footer .copy a {
padding-top: 13px;
color: #4e4e4e;
font-family: Tahoma;
font-size: 10px;
font-weight: normal;
text-decoration: none;
text-align: left;
}

#footer .footer_menub {
text-align: right;
width: 600px;
margin-top: -50px;
margin-left: 170px;
font-weight: bold;
background-repeat: no-repeat;
}

#footer .footer_menub .copy a {
color: #4e4e4e;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: left;
}

#footer .footer_menub .copy a:hover {
color: #4e4e4e;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
text-align: left;
}

#footer .footer_menu2b {
text-align: right;
width: 600px;
margin-top: -10px;
margin-left: -15px;
font-weight: bold;
background-repeat: no-repeat;
}

#footer .footer_menu2b .copy a {
color: #4e4e4e;
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-align: left;
}

#footer .footer_menu2b .copy a:hover {
color: #4e4e4e;
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
text-align: left;
}

/*------------------------------*/

/* Partners*/

#links {
padding-right: -100px
margin: 0 auto;
color: #9d9a9a;
font-family: tahoma;
font-size: 10px;
font-weight: normal;
text-decoration: none;
text-align: center;
}

#links a {
padding-top: -150px; 
color : #9d9a9a;
font-family: tahoma;
font-size: 10px;
text-decoration : none;
}
 
#links a:hover { 
padding-top: -150px;
color : #9d9a9a;
font-family: tahoma;
font-size: 10px;
text-decoration : none;
}