#fond {
background-color: #e3dbd3;
padding-top: 15px;
}

.spacer {
padding: 10px 0;
clear: both;
border: 0;
color: #e3dbd3;
}

/* -------------------------- INTERNET ---------------------------------------*/
#photo1 {
position: relative;
float: left;
clear: left;
width: 238px;
height: 188px;
padding-left: 7px;
}

#titre1 {
position: relative;
float: right;
width: 524px;
height: 43px;
margin-right: 10px;
}

#boite1 {
float: right;
margin-right: 23px;
width: 380px;
font-size:0.8em;
}

#boite1_top {
background: url(./images/accroche_site.png) no-repeat;
width: 380px;
height: 34px;
}

#boite1_contenu {
background-color: #f5f2f0;
}

#boite1_contenu ul {
padding-top: 5px;
list-style-type: none;
text-align: right;

color: #bb7528;
}

#boite1_contenu li {
padding-right: 10px;
padding-top: 0.4em;
line-height: 1em;
}

#boite1_contenu li:hover {
background-color: white;
}

#boite1_bottom {
background: url(./images/box_bottom.gif) no-repeat;
width: 380px;
height: 9px;
}

/* ------------------- SYSTEMES ET RESEAUX -----------------------------------*/
#photo2 {
float: right;
clear: right;
width: 264px;
height: 188px;
padding-right: 25px;
padding-top: 15px;
}

#titre2 {
float: left;
width: 456px;
height: 45px;
margin-left: 10px;
}

#boite2 {
float: left;
margin-left: 23px;
width: 380px;
font-size:0.8em;
}

#boite2_top {
background: url(./images/accroche_reseau.png) no-repeat;
width: 380px;
height: 34px;
}

#boite2_contenu {
background-color: #f5f2f0;
}

#boite2_contenu ul {
padding-top: 5px;
list-style-type: none;
text-align: left;
color: #4e6698;
}

#boite2_contenu li {
padding-left: 10px;
padding-top: 0.4em;
line-height: 1em;
}

#boite2_contenu li:hover {
background-color: white;
}

#boite2_bottom {
background: url(./images/box_bottom.gif) no-repeat;
width: 380px;
height: 9px;
}