body { background:url('../images/design-frontend/bg.gif') repeat transparent;text-align:center;font:12px Arial;}

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

ul, li{list-style:disc;padding:3px 0;}
ul{padding:0;margin:0 0 0 30px;}

#container {text-align:center;}

/** HEADER **/

#top {height:171px;text-align:center;background:url('../images/design-frontend/bg-top.jpg') repeat-x transparent;}
    #top a#FHF {display:block;background:url('../images/design-frontend/fhf.jpg') no-repeat transparent; width:107px; height:171px; position:absolute; left:-107px; top:0;}
    #top a#lutte-cancer {display:block; background:url('../images/design-frontend/lutte.jpg') no-repeat transparent; width:138px; height:171px; position:absolute; right:-138px; top:0;}
    #top a#FHF span, #top a#lutte-cancer span {display:none}

#head {text-align:left; background:url('../images/design-frontend/bg-header.jpg') no-repeat transparent; height:171px; width:803px; margin:auto; position:relative;}
    #head p#siteweb {text-align:left; margin:0; padding:30px 0px 25px 22px;}
    #head p#siteweb a, #head h1 a:visited {color:#fff; text-decoration:none; font:30px Georgia;}

    #head h1 a:hover {text-decoration:underline;}

    #head span {font:12px Arial; font-style:italic; color:#fff; padding-left:22px;}
    #head input {width:163px; height:17px; border:1px solid #2b4b8d; float:left; padding:3px 2px 2px 2px;}

    #head .search-submit {background:url('../images/design-frontend/search-button.png') no-repeat transparent; border:none; width:100px; height:23px; float:right; margin-left:5px; padding:0;}
    #head form {position:absolute; bottom:10px !important; bottom:30px; right:10px; width:380px;}

/** MENU **/


.menu { margin:33px 0px 0px 50px;}
    .menu ul {margin:0; padding:0;}
    .menu li {margin-right:35px;}
        .menu ul li a, .menu ul li a:visited {color:#0b395b; text-decoration:none; font:14px Verdana; font-weight:bold;}
        .menu ul li a:hover {color:#0b395b; text-decoration:underline; font:14px Verdana; font-weight:bold;}


/** CONTENT **/

#sub-container {width:766px; background:#fff; margin:auto; text-align:left; padding:37px 17px 7px 17px;position:relative;}
* html #sub-container {margin:-30px 0 0 0;}

#content h1 {font:18px Arial; color:#013660;}

#content table.bordure {border:none;border-collapse:collapse;}
    #content table.bordure td {border:1px solid #0B448D;}

#content .search-form {display:inline;}

.zone_texte {font:12px Arial; padding-right:22px;}
* html .zone_texte {font:12px Arial; padding-right:0;}
    .zone_texte h1 {font:12px Arial; text-transform:uppercase; font-weight:bold;}

#photo-accueil {position:absolute; bottom:0; right:22px; width:480px; display:block; height:175px; z-index:1000;}
* html #photo-accueil {position:static; float:left; margin-left:130px; margin-top:-197px;}
    * html #photo-accueil .zone_texte {width:480px; height:175px;}

#communication-part {width:360px; background:url('../images/design-frontend/bg-preview-content.jpg') repeat-x transparent; float:left; margin-right:5px; padding:5px; height:140px; margin-bottom:5px;}

#methodo-part {width:360px; background:url('../images/design-frontend/bg-preview-content.jpg') repeat-x transparent; float:left; margin-left:5px; padding:5px; height:140px;}

#communication {width:740px; padding:5px;}


/** CONTACT FORM **/

label {width:25%; float:left; margin-top:10px;}
#contact-form {position:relative;}
    #contact-form .contact-submit {margin-left:310px;}
    #contact-form input, #contact-form textarea {margin-top:10px;}

ul.error_list {background:url('../images/design-frontend/error-info.png') no-repeat transparent; width:232px; height:30px; display:block; position:absolute; font:11px Arial; left:320px !important; left:0px; margin-top:-5px; list-style:none; padding:0;}
    ul.error_list li {color:#1D7AC6; font-weight:normal; padding:4px 0 0 10px; list-style:none; hasLayout:width;}


/** ARTICLE PREVIEW **/

#articles-preview {position:relative; height:615px; margin-bottom:10px;}

.article-preview {position:relative; float:left; width:200px; padding:17px; background:url('../images/design-frontend/bg-preview-article.jpg') repeat-x #ECF7FD; margin:20px 20px 8px 0px; height:150px; z-index:10px;}
    .article-preview .help {position:absolute; width:41px; height:41px; background:url('../images/design-frontend/help-preview-article.png') no-repeat !important; background:url('../images/design-frontend/help-preview-article.gif') no-repeat; top:-15px; right:-10px;}
    .article-preview .help span {display:none;}
    .article-preview h2 {font:12px Arial; color:#00355e; text-transform:uppercase; margin:0; padding:0; font-weight:bold;}
    .article-preview p {font:12px Arial;}
    .article-preview .need-more {text-align:right;}
    .article-preview a {position:absolute; bottom:10px; right:20px; font:12px Arial; color: #0965ad;}
    .article-preview a:hover {color: #0965ad;}

/** ARTICLE FULL **/

.article-full {position:relative; background:url('../images/design-frontend/bg-full-article.jpg') repeat-x #ECF7FD; padding:20px; font:13px Verdana; z-index:10;}
    .article-full h2 {font:16px Verdana; font-weight:bold;}
    .article-full img {padding:1px; border:1px solid #7AB4E2; margin:10px;}
    .article-full a.help {position:absolute; width:41px; height:41px; background:url('../images/design-frontend/help-preview-article.png') no-repeat transparent; top:-15px; right:-10px !important; right:50px;}
        .article-full a.help span {display:none;}

    .article-full .article-title {text-align:center;}
        .article-full .article-title-center {margin:0 auto; display : table; margin-top:-35px; z-index:100;}
        * html .article-full .article-title-center {left:300px; position: absolute;}

        .article-full .article-title .left-title {float:left;background:url('../images/design-frontend/bg-left-title-article.jpg');width:23px;height:32px;}
        .article-full .article-title .right-title {float:left; background:url('../images/design-frontend/bg-right-title-article.jpg'); width:23px; height:32px;}

    .article-full .article-title h1 {float:left; background:url('../images/design-frontend/bg-title-article.jpg'); height:24px; font:14px Arial; color:#00355e; margin:0; padding:8px 0 0 0; text-transform:uppercase;}

    .article-full .navigation-buttons {width:400px; margin:25px auto 0 auto; height:42px;}
        .article-full a.article-next {float:left; margin:0 15px 0 15px; color:#0965ad; padding:13px 0px 0 55px; position:relative;}
        .article-full a.article-prec {float:left; margin:0 15px 0 15px; color:#0965ad; padding:13px 55px 0 0px; position:relative;}

        span.article-prec-empty {width:190px; height:42px; display:block; float:left}

        .article-full .article-next span {width:41px;height:42px;display:block;font-size:0;letter-spacing:-1000px;margin:0px 4px 0 4px;background:url('../images/design-frontend/navigation-buttons.png') no-repeat -68px 0 transparent !important;background:url('../images/design-frontend/navigation-buttons.gif') no-repeat -68px 0 transparent;position:absolute;top:0;left:0;}
        .article-full .article-prec span {width:41px; height:42px; display:block; font-size:0; letter-spacing:-1000px; margin:0px 4px 0 4px; background:url('../images/design-frontend/navigation-buttons.png') no-repeat 0 0 transparent !important; background:url('../images/design-frontend/navigation-buttons.gif') no-repeat 0 0 transparent; position:absolute; top:0; right:0;}


/** FOOTER **/

#foot {text-align:center; width:800px; margin-top:20px;}
    #foot .zone_texte {text-align:center; width:800px; font:10px Arial;}