@charset "utf-8";
/* CSS Document */

body { margin:0 auto; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; background-color:#f1f1f1}
#general { background:url(../Images/backgroundH.jpg) repeat-x top #F1F1F1;}
#global { width:1024px; margin: 0 auto;}
#header { width: 1002px; height:80px;margin: 0 auto; background:url(../Images/header.jpg) no-repeat top}
#header2 { width: 1002px; height:80px;margin: 0 auto; background:url(../Images/header2.jpg) no-repeat top}
#logo { height:60px; width:150px; float:left}
#contact { float:right;}

#content {width: 1002px; margin: 0 auto;}
.cont1 {width : 650px; height:195px;}
.cont2 {width: 1002px;height:450px; margin:0 auto;}
.cont3 {width: 800px; margin:0 auto;}

a.bthome1 , a.bthome1:visited { background:url(../Images/bt_forfaits-off.jpg) no-repeat; width:218px; height:218px;  display:block; }
a.bthome2 , a.bthome2:visited { background: url(../Images/bt_cms-off.jpg) no-repeat; width:218px; height:218px; display:block;}
a.bthome3 , a.bthome3:visited { background: url(../Images/bt_graph-off.jpg) no-repeat; width:218px; height:218px;  display:block; }
a.bthome1:hover {background: url(../Images/bt_forfaits-on.jpg) no-repeat;}
a.bthome2:hover {background: url(../Images/bt_cms-on.jpg) no-repeat;}
a.bthome3:hover {background: url(../Images/bt_graph-on.jpg) no-repeat;}

#forfait { float:left; width:240px;}
#cms { padding-left:392px;width:240px;}
#graphique {float:right;width:240px; }

#footer { border-top:#666666 solid 1px; width:1002px; font-size:0.8em; line-height:0em;}

a { text-decoration: none; color:#C3684D;}
a:hover { text-decoration: underline;}




h1 {color:#4E5454;}
h3 {color:#777a5d;}
h4 {color:#777a5d;}