* {
    padding: 0;
    margin: 0;
} 

body {
background: white url(images/brickbackground.jpg) repeat;
background-position: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: black;
}

img { border: none; }
a { color: red; text-decoration: underline; }
a:hover { text-decoration: none; color : #ff0000; }

#wrap {
width: 938px;
margin: 10px auto;
}


#header {
background: white;
height: 45px;
}

#header h1 {
padding: 0px 0 0 10px;
font-size: 20px;
letter-spacing: 1px;
}
#header h1 a {
color: black;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #2C4715;
}
#header h2 {
padding-left: 42px;
font-size: 17px;
color: #eee;
font-weight: 100;
}

#content {

}
#content h2 a {text-decoration: none; }

#left {
float: left;
width: 200px;
padding: 10px 0 0px 0px;
}
#left h2 { 
background: white url(images/menugauche.jpg) no-repeat;
padding-top: 0px;
color: black; 
font-size: 12px; 
letter-spacing: 0px; 
font-weight: 500;
height: 249px;
line-height: 30px;
padding-left: 9px;
}

#left ul { color: #2C4715; padding: 5px 0 5px 5px; list-style-type: square; }
#left ul { padding-bottom: 5px; }
#left ul  a { color: black; text-decoration: none;  }
#left ul  a:hover { color: darkred; font-size: 14px;}
#left h2:hover {  background: white url(images/menugauchej.jpg) no-repeat; }

#center {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center h1 {
background: #fff url(images/contacts.jpg) no-repeat;
height: 1007px;
line-height: 31px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center h1 ul { color: #fff; }
#center h1 ul:hover { color: #000; text-decoration: none; }



#center2 {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center2 h1 {
background: #fff url(images/logo.jpg) no-repeat;
height: 1007px;
line-height: 25px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center2 h1 ul { color: #fff; }
#center2 h1 ul:hover { color: #000; text-decoration: none; }



#center3 {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center3 h1 {
background: #fff url(images/contacts.jpg) no-repeat;
height: 1007px;
line-height: 22px;
font-size : 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center3 h1 ul { color: #fff; }
#center3 h1 ul:hover { color: #000; text-decoration: none; }

#center3 h2 {
background: #fff url(images/contacts.jpg) no-repeat;
height: 1007px;
line-height: 21px;
font-size : 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center3 h2 ul { color: #fff; }
#center3 h2 ul:hover { color: #000; text-decoration: none; }



#center4 {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center4 h1 {
background: #fff url(images/contacts1.jpg) no-repeat;
height: 511px;
line-height: 20px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 40px 0;
}
#center4 h1 ul { color: #fff; }
#center4 h1 ul:hover { color: #000; text-decoration: none; }

#center4 h2 {
background: #fff url(images/milieu22.jpg) no-repeat;
height: 169px;
line-height: 30px;
font-size: 12px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center4 h2 ul { color: #fff; }
#center4 h2 ul:hover { color: #000; text-decoration: none; }

#center5 {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center5 h1 {
background: #fff url(images/saharamodulaire.jpg) no-repeat;
height: 509px;
line-height: 30px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center5 h1 ul { color: #fff; }
#center5 h1 ul:hover { color: #000; text-decoration: none; }

#center5 h2 {
background: #fff url(images/mactra.jpg) no-repeat;
height: 509px;
line-height: 30px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center5 h2 ul { color: #fff; }
#center5 h2 ul:hover { color: #000; text-decoration: none; }


#center6 {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center6 h1 {
background: #fff url(images/plan.jpg) no-repeat;
height: 849px;
line-height: 30px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center6 h1 ul { color: #fff; }
#center6 h1 ul:hover { color: #000; text-decoration: none; }

#center6 h2 {
background: #fff url(images/milieu22.jpg) no-repeat;
height: 158px;
line-height: 30px;
font-size: 12px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center6 h2 ul { color: #fff; }
#center6 h2 ul:hover { color: #000; text-decoration: none; }


#center7 {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center7 h1 {
background: #fff url(images/nosgammes.jpg) no-repeat;
height: 1007px;
line-height: 30px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center7 h1 ul { color: #fff; }
#center7 h1 ul:hover { color: #000; text-decoration: none; }

#center8 {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center8 h1 {
background: #fff url(images/contacts.jpg) no-repeat;
height: 1007px;
line-height: 25px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center8 h1 ul { color: #fff; }
#center8 h1 ul:hover { color: #000; text-decoration: none; }

#center8 h2 {
background: #fff url(images/contacts.jpg) no-repeat;
height: 1007px;
line-height: 40px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center8 h2 ul { color: #fff; }
#center8 h2 ul:hover { color: #000; text-decoration: none; }

#center8 h3 {
background: #fff url(images/contacts.jpg) no-repeat;
height: 1007px;
line-height: 25px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center8 h3 ul { color: #fff; }
#center8 h3 ul:hover { color: #000; text-decoration: none; }

#center8 h4 {
background: #fff url(images/contacts.jpg) no-repeat;
height: 1007px;
line-height: 40px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center8 h4 ul { color: #fff; }
#center8 h4 ul:hover { color: #000; text-decoration: none; }


#center8 h5 {
background: #fff url(images/contactsnew.jpg) no-repeat;
height: 1007px;
line-height: 31px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center8 h5 ul { color: #fff; }
#center8 h5 ul:hover { color: #000; text-decoration: none; }

#center8 h6 {
background: #fff url(images/contacts.jpg) no-repeat;
height: 1007px;
line-height: 31px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 10px 0;
}
#center8 h6 ul { color: #fff; }
#center8 h6 ul:hover { color: #000; text-decoration: none; }

#center9 {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center9 h1 {
background: #fff url(images/contacts.jpg) no-repeat;
height: 1007px;
line-height: 25px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 1px 0;
}
#center9 h1 ul { color: #fff; }
#center9 h1 ul:hover { color: #000; text-decoration: none; }

#center10 {
float: left;
width: 465px;
padding: 10px 0 0 10px;
}
#center10 h1 {
background: #fff url(images/netmaker.jpg) no-repeat;
height: 1007px;
line-height: 25px;
font-size: 13px;
letter-spacing: 0px;
font-weight: 100;
padding : 0 1px 0;
}
#center10 h1 ul { color: #fff; }
#center10 h1 ul:hover { color: #000; text-decoration: none; }

#right {
float: right; 
width: 150px;
padding: 10px 0px 0px 0;
}
#right h1 { 
padding-top: 10px;
background: white url(images/menudroit.jpg) no-repeat;
color: #005EB0; 
height: 194px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 12px; 
letter-spacing: 0px; 
font-weight: 500;
}

#right h2 { 
padding-top: 10px;
background: white url(images/menudroit2.jpg) no-repeat;
color: #005EB0; 
height: 194px;
line-height:10px;
color: black;
padding-left: 10px;
font-size: 12px; 
letter-spacing: 0px; 
font-weight: 500;
}
#right h3 { 
padding-top: 10px;
background: white url(images/menudroit3.jpg) no-repeat;
color: #005EB0; 
height: 193px;
line-height:10px;
color: black;
padding-left: 10px;
font-size: 12px; 
letter-spacing: 0px; 
font-weight: 500;
}
#right h4 { 
padding-top: 10px;
background: white url(images/menudroit4.jpg) no-repeat;
color: #005EB0; 
height: 193px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 12px; 
letter-spacing: 0px; 
font-weight: 500;
}
#right h5 { 
padding-top: 10px;
background: white url(images/menudroit5.jpg) no-repeat;
color: #005EB0; 
height: 188px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 12px; 
letter-spacing: 0px; 
font-weight: 500;
}

#right { color: black; padding: 10px 0 0px 0px; list-style-type: square; }
#right  { padding-bottom: 5px; }
#right { color: black; text-decoration: none;  }
#right h1:hover {  background: white url(images/menudroitr.jpg) no-repeat; }
#right h2:hover {  background: white url(images/menudroit2r.jpg) no-repeat; }
#right h3:hover {  background: white url(images/menudroit3r.jpg) no-repeat; }
#right h4:hover {  background: white url(images/menudroit4r.jpg) no-repeat; }
#right h5:hover {  background: white url(images/menudroit5r.jpg) no-repeat; }

#right2 {
float: right; 
width: 102px;
padding: 10px 0px 0px 0;
}
#right2 h1 { 
padding-top: 10px;
background: white url(images/assila.jpg) no-repeat;
color: #005EB0; 
height: 92px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 13px; 
letter-spacing: -1px; 
font-weight: 500;
}


#right2 h2 { 
padding-top: 10px;
background: white url(images/mehdia.jpg) no-repeat;
color: #005EB0; 
height: 92px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 13px; 
letter-spacing: -1px; 
font-weight: 500;
}
#right2 h3 { 
padding-top: 10px;
background: white url(images/zagora.jpg) no-repeat;
color: #005EB0; 
height: 92px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 13px; 
letter-spacing: -1px; 
font-weight: 500;
}
#right2 h4 { 
padding-top: 10px;
background: white url(images/tamaris.jpg) no-repeat;
color: #005EB0; 
height: 92px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 13px; 
letter-spacing: -1px; 
font-weight: 500;
}
#right2 h5 { 
padding-top: 10px;
background: white url(images/smara.jpg) no-repeat;
color: #005EB0; 
height: 92px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 13px; 
letter-spacing: -1px; 
font-weight: 500;
}
#right2 h6 { 
padding-top: 10px;
background: white url(images/mobilehome.jpg) no-repeat;
color: #005EB0; 
height: 91px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 13px; 
letter-spacing: -1px; 
font-weight: 500;
}


#right3 h1 { 
padding-top: 10px;
background: white url(images/blocs.jpg) no-repeat;
color: #005EB0; 
height: 92px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 13px; 
letter-spacing: -1px; 
font-weight: 500;
}

#right3 h2 { 
padding-top: 10px;
background: white url(images/catalogue.jpg) no-repeat;
color: #005EB0; 
height: 91px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 13px; 
letter-spacing: -1px; 
font-weight: 500;
}

#right3 h3 { 
padding-top: 10px;
background: white url(images/contacteznous.jpg) no-repeat;
color: #005EB0; 
height: 183px;
line-height: 10px;
color: black;
padding-left: 10px;
font-size: 13px; 
letter-spacing: -1px; 
font-weight: 500;
}
#right2 { color: black; padding: 10px 0 0px 0px; list-style-type: square; }
#right2  { padding-bottom: 5px; }
#right2 { color: black; text-decoration: none;  }
#right2 h1:hover {  background: white url(images/assilaj.jpg) no-repeat; }
#right2 h2:hover {  background: white url(images/mehdiaj.jpg) no-repeat; }
#right2 h3:hover {  background: white url(images/zagoraj.jpg) no-repeat; }
#right2 h4:hover {  background: white url(images/tamarisj.jpg) no-repeat; }
#right2 h5:hover {  background: white url(images/smaraj.jpg) no-repeat; }
#right2 h6:hover {  background: white url(images/mobilehomej.jpg) no-repeat; }
#right3 h1:hover {  background: white url(images/blocsj.jpg) no-repeat; }
#right3 h2:hover {  background: white url(images/cataloguer.jpg) no-repeat; }
#right3 h3:hover {  background: white url(images/contacteznousr.jpg) no-repeat; }
#bottom { 
background: white url(images/bottom.jpg) no-repeat;
padding: 10px 0;
font-size: 11px; 
height: 25px;
width: 938px;
}
a{ color: black; text-decoration: none;  }
#bottom a:hover { color: black; text-decoration: none; }
#bottom:hover {  background: white url(images/bottomr.jpg) no-repeat; }