/* **********************************************************
Feuille de style en cascade (CSS) liée au site DIgital Pole, agence de communication
/////////////////      Présentation graphique   ///////////////////////////////
***********************************************************/


body {
margin-top:0px;
margin-left: 0px;
margin-bottom: 0px;
background-image:url("../image/fond_seul.png");
/*background-color: pink;*/
}

#global {
width: 807px;
/*background-color: white;*/
}



#header {
width: 800px;
height: 173px;
background: url("../image/fond2_01.jpg") no-repeat top left;
}

#menu {
width: 142px;
height: 377px;
float:left;
background: url("../image/fond2_03.jpg") no-repeat top left;
}

#menu table {
margin-top:77px;
margin-left: 12px;
}


#conteneur {
width:807px;

background: url("../image/fond_06.jpg") repeat-y top left ;

}


#corps {
width: 513px;
float: left;
background-color: white;

/*
background: pink;
margin-top: -377px;
margin-left:155px;*/
}


.centrer_flotteur {
border-top: 1px dashed red;
clear: both;
margin-top: 12px;
padding-top: 4px;
/*background-color: pink;*/
}

.clear {
clear:both;

}




#cote_droit {
width: 145px;
height: 377px;
float:left;
background: url("../image/fond2_05.jpg") no-repeat top left;
}

#foot {
width:800px;
height: 218px;
clear: both;
background: url("../image/fond2_06.jpg") no-repeat top left;
}




.fondnum {
background: url("../image/pic1.jpg") no-repeat top;
}

.savoir {
background: url("../image/savoir.jpg") no-repeat top;
}

.reference {
background: url("../image/reference.jpg") no-repeat top;
}

.devis {
background: url("../image/devis.jpg") no-repeat top;
}


.contact {
background: url("../image/contact.jpg") no-repeat top;
}

.temoin {
background: url("../image/temoignage.jpg") no-repeat top;
}



/*Contient l'ensemble des blocs du cadre*/
.cadre {

   width:167px;

   margin:auto;
   padding:0;
   float:left;
   /*border: 1px solid blue;*/
}

.cadre p {
height: 177px;
}

/*Partie du haut*/
.haut, .haut-droite,.haut-gauche {
   margin:0;
   padding:0;
   height:18px;
}
.haut {
/*border: 1px solid red;*/
   background: url("../image/cadre_03.png") repeat-x top left;
}
.haut-droite {
   background: url("../image/cadre_05.png") no-repeat top right;
}
.haut-gauche {
   background: url("../image/cadre_01.png") no-repeat top left;
}

/*Partie centrale*/
.milieu-gauche {
/*border:1px solid black;*/
   margin:0;
   padding:0;
  
   background: url('../image/cadre_09.png') repeat-y top left;
}
.milieu-droite {
 
margin-top:0;
margin-bottom:0;
margin-right:0;
 margin-left:12px;  
   padding-right: 7px; /*ce bloc contient directement le contenu, donc on peut mettre des marges internes sur les côtés*/
   background: url('../image/cadre_10.png') repeat-y top right;
}

.milieu-droite p {
margin: 0;
padding-right: 12px;
padding-bottom: 12px;

}

/*Partie du bas*/
.bas, .bas-gauche, .bas-droite {
   margin:0;
   padding:0;
   height:21px; /*Même hauteur que les coins*/
}
.bas {
   background: url('../image/cadre_15.png') repeat-x bottom left;
}
.bas-gauche {
   background: url('../image/cadre_13.png') no-repeat bottom left;
}
.bas-droite {
   background: url('../image/cadre_17.png') no-repeat bottom right;