body {
    background: #fff url(../graphics/bg_accueil.png) repeat-x;
}
body.contact {
    background: url(../graphics/bg_contact.png) repeat-x;
}
body.les-produits-de-ccc {
    background: url(../graphics/bg_produits.png) repeat-x;
}
body.temoignages-clients {
    background: url(../graphics/bg_temoignages.png) repeat-x;
}
body.nous-connaitre {
    background: url(../graphics/bg_connaitre.png) repeat-x;
}
body.telechargement {
    background: url(../graphics/bg_telechargements.png) repeat-x;
}
#header {
    height: 137px;
    background: url(../graphics/header_on.png) no-repeat center top;
}
#header.headerconnected {
    background: url(../graphics/header_off.png) no-repeat center top;
}
#loginlink{
    height: 28px;
    display: block;
}
#header_link{
    height: 108px;
    display: block;
}
#topmenu {
    height: 60px;
}
#intro_accueil {
    background: #d3b5d6 url(../graphics/intro_accueil_bg.png) no-repeat;
    color: #333333;
}
#intro_accueil h1 {
    color: #841d87;
}
#produit h3, #temoignages h3 {
    color: #841d87;
}
#intro_accueil img {
    float: left;
    margin: 0 15px 10px 0;
}

#connexion {
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    background: #a89c6c;
}
#intro_connaitre {
    background: #fee1cc;
    color: #333333;
}
#intro_connaitre h1, #metier h3, #equipe h3 {
    color: #f96f09;
}
#intro_connaitre img {
    float: left;
    margin: 0 15px 10px 0;
}
#intro_produits {
    background: #ceebf3;
    color: #333333;
}
#intro_produits h1, #metier2 h3, #equipe2 h3 {
    color: #089dc5;
}
#intro_produits a {
    color: #089dc5;
}
#intro_produits h1 img {
   vertical-align: middle;
}
#intro_produits li {
    list-style-type: none;
    background: url(../graphics/produit_visu1.png) no-repeat  26px 6px;
    padding: 8px 0 8px 70px;
}
#intro_produits li a {
    font-size: 16px;
}
.les-produits-de-ccc #intro_produits.bbox{padding-bottom:8px;}
#intro_temoignage {
    background: #cceae2;
    color: #333333;
}
#intro_temoignage h1, #metier3 h3, #equipe3 h3 {
    color: #009470;
}
#intro_temoignage h1 img {
   vertical-align: middle;
}
#intro_telechargements {
    background: #dbcfdf;
}
#intro_telechargements h1 {
    color: #4a0e60;
}
#intro_telechargements a {
    color: #fff;
}

#intro_contact {
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    background: #e7ebda;
    color: #4d553e;
}
#intro_contact h1 {
    color: #4d553e;
}
#intro_metier {
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    background: #f9f8f6;
    color: #837d71;
}
#intro_metier h1 {
    color: #837d71;
}
#files img {
    float: left;
    margin: 5px 5px 5px 0;
}
#sidebar {
    color: #999999;
}
#sidebar a {
    text-decoration: none;
    color: #3c3c3c;
}
#sidebar a:hover {
    text-decoration: underline;
}
.readmore {
    float: right;
}
#contributions {
    background: #fbf0d4;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}
#contributions h3 {
    color: #3c3c3c;
}
#search {
    background: #e6d2e7;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}
#search h3 {
    color: #841d87;
}
#search input {
    margin : 0;
    vertical-align: middle;
}

ul.file_list{
    float: left;
}
ul.file_list li{
     background:url(../graphics/file_list.png) no-repeat 50% top;
     float: left;
     border:none;
     height: 70px;
     width:133px;
     margin: 0;
     margin-right: 10px;
     margin-bottom: 15px;
     padding: 0;
     list-style: none;
     list-style-image: none;
     list-style-position: outside;
     text-align: center;
}
ul.file_list li a{
   color: #7c786c;
   line-height:110px;
}
#connexion h3{color: #453825;}
#connectform, .forgetpassword a {color: #fff  ;}
input#connect_ok{margin-left: 188px;}
.forgetpassword a {font-size: 10px;}
.forgetpassword p a{font-size: 12px;}
.forgetpassword a:hover {text-decoration: none;}
#deconnect{ padding-top: 10px;}
#deconnect img {vertical-align: middle;}
input#input_name{width:268px;margin-left:105px;}
input#input_societe{width:268px;margin-left:76px;}
input#input_email{width:268px;margin-left:99px;_margin-left:96px;}
input#input_objet{width:268px;margin-left:29px;}
input#contact_ok{margin-left: 376px;}
.validation-advice{color: red;}


.largepage {
    background: #f7edf7;
}
.formtable {
    width: 600px;
}
.formtable td {
    padding: 0;
}
.textlabel {
    font-weight: bold;
    width: 200px;
}
.formtable input {
    margin: 2px 0;
}
#opacity {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: gray;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    display: none;
}
#loading {
    position:fixed;
    left: 40%;
    top: 40%;
    padding: 10px 5px;
    background: transparent;
    z-index: 2;
    display: none;
    text-align: center;
    width: 170px;
    height: 80px;
    background: transparent url('../graphics/loading/background_loading.gif') no-repeat top left;
}

h1 {font-size:2.5em;}
h2 {font-size:1.6em;}

#pagerbottom {
    padding: 10px 0;
    font-size: 11px;
    margin: 10px 0;
}
#pagerbottom a {
    border: 1px solid #5e5e5e;
    color: #5e5e5e;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
}
.pagedcurrentlinks {
    background: #E1F1F6;
    border: 1px solid #0073A0;
    color: #000000;
    padding: 2px 6px;
}
.pagedlinks {
    margin: 0;
    padding: 0;
}