* {
    margin:         0;
    padding:        0;
    border:         0;
}
#page {
    background:     #f4f4f4;
}
#header,
#main,
#footer {
    margin:         0 auto;
    width:          935px;
}

#header {
    height:         216px;
    position:       relative;
    padding-top:    37px;
}
#header #flash {
    height:         177px;
    width:          849px;
    margin:         0 auto;
}
#header .special {
    height:         142px;
    width:          833px;
    margin:         0 auto;
}

#main {
    min-height:     356px;
    background:     url(/image/page/main_bg.gif) no-repeat bottom;
}
#main #c1,
#main #c2,
#main #c3 {
    float:          left;
}
#main #c1 {
    width:          190px;
    color:          #a0522d;
    line-height:    24px;
    font-size:      0.9em;
    margin-right:   17px;
	padding-bottom: 1em;
}
#main #c2 {
    width:          280px;
    padding-top:    10px;
}
#main #c3 {
    width:          430px;
    margin-left:    15px;
}
#main #c1 ul {
    margin-left:    25px;
}
#main #c1 li:before {
    content:        "\2022 \0020";
}
#main #c2 img.visuel {
    display:        block;
    padding:        4px;
    border:         1px solid #cdcdcd;
    margin:         0 auto;
}
#main #c2 ul {
    padding:        5px 15px;
    line-height:    20px;
    font-size:      0.9em;
}
#main #c2 ul li {
    padding:        5px 0;
    border-bottom:  1px dashed #dddddd;
    display:        block;
}
#main #c2 ul li:hover,
#main #c2 ul li.active {
    background-color:   #eeeeee;
}
#main #c2 ul li a {
    display:        block;
    color:          #44b2ea;
    font-weight:    bold;
    padding-left:   15px;
    background:     url(/image/picto/fleche.gif) left no-repeat;
}
#main #c2 ul li:hover a,
#main #c2 ul li.active a {
    background-image:none;
    color:          black;
    text-decoration:none;
}
#main #c3 ul,
#main .c2 ul {
    list-style-image:url(/image/page/puce.gif);
}

#main #c1 h1.img,
#main #c3 h2.img {
    height:         32px;
    margin-top:     9px;
    border-bottom:  1px solid #e5e5e5;
}
#main #c1 h1.img,
#main #c1 h1.img a,
#main #c3 h2.img,
#main #c3 h2.img a {
    color:          transparent;
}
#main #content {
    padding:        1em 0;
    font-size:      0.9em;
}

#rails {
    margin-top:     10px;
    padding:        5px 0 0 510px;
    height:         24px;
    font-size:      0.85em;
    color:          white;
    background:     url(/image/page/rails_bg.png) no-repeat top left;
}
#rails a {
    color:          white;
}
#rails .active {
    color:          #54b3ff;
}

#footer {
    margin-bottom:  1em;
    padding-top:    5px;
    font-size:      0.8em;
}
#footer a {
    color:          #454545;
    margin:         0 10px;
    text-decoration:none;
}
#footer a:hover,
#footer a:active {
    color:          #118cca;
}

#footer ul#footer_c1 {
    width:          45%;
}
#footer ul#footer_c1,
#footer ul#footer_c1 li {
    float:          left;
}
#footer ul#footer_c1 li {
    margin:         0 10px;
    padding:        2px 0 0 20px;
    min-height:     19px;
}
#footer ul#footer_c1 a {
    margin:         0;
    text-transform: uppercase;
}

#footer ul#footer_c1 li#footer_rss,
#footer ul#footer_c1 li#footer_send2friend {
}
#footer ul#footer_c1 li#footer_rss {
    background:     url(/image/picto/rss.png) no-repeat;
}
#footer ul#footer_c1 li#footer_send2friend {
    background:     url(/image/picto/send2friend-trans.png) no-repeat;
}

#footer ul#footer_c2 {
    float:          right;
    margin-top:     3px;
}
#footer ul#footer_c2 li {
    display:        inline;
}
#footer ul#footer_c2 li:before {
    content:        "|";
}
#footer ul#footer_c2 li:first-child:before {
    content:        "";
}

/* page specific */
#page.home h1.img {
    background:     url(/image/heading/h1_bg_home.png) no-repeat;
}
#page.home h2.img {
    background:     url(/image/heading/h2_bg_home.png) no-repeat;
}
#page.home #main {
    min-height:     198px;
}
#page.home #main #content {
    padding-top:    0;
}
#page.home #main #c2 {
    padding-top:    0;
    text-align:     center;
}
#page.apropos h1.img {
    background:     url(/image/heading/h1_bg_apropos.png) no-repeat;
}
#page.apropos.apropos_agence h2.img {
    background:     url(/image/heading/h2_bg_apropos_agence.png) no-repeat;
}
#page.apropos.apropos_offre h2.img {
    background:     url(/image/heading/h2_bg_apropos_offre.png) no-repeat;
}
#page.apropos.apropos_philosophie h2.img {
    background:     url(/image/heading/h2_bg_apropos_philosophie.png) no-repeat;
}
#page.apropos.apropos_methodologie h2.img {
    background:     url(/image/heading/h2_bg_apropos_methodologie.png) no-repeat;
}
#page.apropos.apropos_recompense h2.img {
    background:     url(/image/heading/h2_bg_apropos_recompense.png) no-repeat;
}
#page.apropos.apropos_presse h2.img {
    background:     url(/image/heading/h2_bg_apropos_presse.png) no-repeat;
}
#page.apropos.apropos_partenaire h2.img {
    background:     url(/image/heading/h2_bg_apropos_partenaire.png) no-repeat;
}
#page.savoir_faire h1.img {
    background:     url(/image/heading/h1_bg_savoir_faire.png) no-repeat;
}
#page.savoir_faire.savoir_faire_conseil h2.img {
    background:     url(/image/heading/h2_bg_savoir_faire_conseil.png) no-repeat;
}
#page.savoir_faire.savoir_faire_web_design h2.img {
    background:     url(/image/heading/h2_bg_savoir_faire_web_design.png) no-repeat;
}
#page.savoir_faire.savoir_faire_site_internet h2.img {
    background:     url(/image/heading/h2_bg_savoir_faire_site_internet.png) no-repeat;
}
#page.savoir_faire.savoir_faire_intranet_extranet h2.img {
    background:     url(/image/heading/h2_bg_savoir_faire_intranet_extranet.png) no-repeat;
}
#page.savoir_faire.savoir_faire_communication h2.img {
    background:     url(/image/heading/h2_bg_savoir_faire_communication.png) no-repeat;
}
#page.savoir_faire.savoir_faire_referencement h2.img {
    background:     url(/image/heading/h2_bg_savoir_faire_referencement.png) no-repeat;
}
#page.savoir_faire.savoir_faire_hebergement h2.img {
    background:     url(/image/heading/h2_bg_savoir_faire_hebergement.png) no-repeat;
}
#page.reference h1.img {
    background:     url(/image/heading/h1_bg_reference.png) no-repeat;
}
#page.reference.reference_client h2.img {
    background:     url(/image/heading/h2_bg_reference_client.png) no-repeat;
}
#page.reference.reference_exemple h2.img {
    background:     url(/image/heading/h2_bg_reference_exemple.png) no-repeat;
}
#page.reference.X h2.img {
    background:     url(/image/heading/h2_bg_X.png) no-repeat;
}
#page.blog h1.img {
    background:     url(/image/heading/h1_bg_blog.png) no-repeat;
}
#page.goodies h1.img {
    background:     url(/image/heading/h1_bg_goodies.png) no-repeat;
}
#page.goodies.goodies_video h2.img {
    background:     url(/image/heading/h2_bg_goodies_videos.png) no-repeat;
}
#page.goodies.goodies_video div#video {
	margin:			0 auto;
	text-align:		center;
}
#page.goodies.goodies_fond_ecran h2.img {
    background:     url(/image/heading/h2_bg_goodies_fond_ecran.png) no-repeat;
}
#page.goodies.goodies_telechargement h2.img {
    background:     url(/image/heading/h2_bg_goodies_download.png) no-repeat;
}
#page.contact h1.img {
    background:     url(/image/heading/h1_bg_contact.png) no-repeat;
}
#page.contact.contact_coordonnee h2.img {
    background:     url(/image/heading/h2_bg_contact_coordonnee.png) no-repeat;
}
#page.contact.contact_info h2.img {
    background:     url(/image/heading/h2_bg_contact_info.png) no-repeat;
}
#page.legal h1.img {
    background:     url(/image/heading/h1_bg_legal.png) no-repeat;
}
#page.plan_site h1.img {
    background:     url(/image/heading/h1_bg_plan_site.png) no-repeat;
}