/*------------------------------------------------------------- Typography ---------------------------------------------------------------*/ html {font-size: 100%;} body, input, select, textarea, button {font-family: "Verdana", sans-serif; color: #555; font-size: 10px;} h1 {font-size: 20px; font-weight: bold; line-height: 22px; margin-bottom: 10px;} h2 {font-size: 24px; font-weight: normal; color: #d82880; line-height: 20px; margin: 20px 0 20px 25px;} h3 {font-size: 16px; font-weight: bold; line-height: 18px; margin-bottom: 6px;} h4 {font-size: 14px; font-weight: bold; line-height: 15px; margin-bottom: 6px;} h5 {font-size: 12px; font-weight: bold; line-height: 13px; margin-bottom: 4px;} h6 {font-size: 11px; font-weight: bold; line-height: 12px; margin-bottom: 3px;} p {margin: 0 0 10px 0; line-height: 16px; font-size:10px;} a {color: #000;} a:hover {color: #000;} /*------------------------------------------------------------- Main zones ---------------------------------------------------------------*/ /* body */ body {text-align: center;} /* page */ #page {position: relative; text-align: left; width: auto; margin: 13px auto; width: 900px;} /* main */ #main {margin: 0 auto 0 auto; width:900px; color:#000000;} #content {} /* Header */ #header {background: url(../image/bg_header.gif) top left no-repeat;} #header h1 {height: 197px; margin: 0 0 33px 0;} #header h1 span {display: none;} /* Nav */ #nav {position: absolute; top: 97px; left: 0; width: 100%; height: 86px;} #nav a {display: block; height: 86px;} #nav span {display: none;} #nav li { float:left;} #LinkHome a {position: absolute; height: 100px; top:0px; width: 100%; display: block;} #LinkHome span {display: none;} li.nav_actualites {margin: 0 6px 0 20px;} li.nav_actualites a {background: url(../image/menu/actualite.gif) 0 0 no-repeat; height:86px; width:86px; display: block;} li.nav_actualites a.on, li.nav_actualites a:hover{background: url(../image/menu/actualite_hover.gif);} li.nav_maisonechiquier {margin: 0 6px; } li.nav_maisonechiquier a {background: url(../image/menu/maison_echiquier.gif) 0 0 no-repeat; height:86px; width:86px; display: block;} li.nav_maisonechiquier a.on, li.nav_maisonechiquier a:hover{background: url(../image/menu/maison_echiquier_hover.gif);} li.nav_projetssoutenus {margin: 0 6px;} li.nav_projetssoutenus a {background: url(../image/menu/projets_soutenus.gif) 0 0 no-repeat; height:86px; width:86px; display: block;} li.nav_projetssoutenus a.on, li.nav_projetssoutenus a:hover {background: url(../image/menu/projets_soutenus_hover.gif) 0 0 no-repeat;} li.nav_presenterprojet {margin: 0 6px;} li.nav_presenterprojet a {background: url(../image/menu/presenter_projet.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;} li.nav_presenterprojet a.on, li.nav_presenterprojet a:hover {background: url(../image/menu/presenter_projet_hover.gif) 0 0 no-repeat;} li.nav_middle {margin: 0 6px;} li.nav_middle a {height: 86px; width: 70px; display: block;} li.nav_vocation {margin: 0 6px;} li.nav_vocation a {background: url(../image/menu/vocation.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;} li.nav_vocation a.on, li.nav_vocation a:hover {background: url(../image/menu/vocation_hover.gif) 0 0 no-repeat;} li.nav_organisation { margin: 0 6px;} li.nav_organisation a {background: url(../image/menu/organisation.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;} li.nav_organisation a.on, li.nav_organisation a:hover{background: url(../image/menu/organisation_hover.gif) 0 0 no-repeat;} li.nav_donner {margin: 0 6px;} li.nav_donner a {background: url(../image/menu/donner.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;} li.nav_donner a.on, li.nav_donner a:hover {background: url(../image/menu/donner_hover.gif) 0 0 no-repeat;} li.nav_sitesamis {margin: 0 6px;} li.nav_sitesamis a {background: url(../image/menu/sites_amis.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;} li.nav_sitesamis a.on, li.nav_sitesamis a:hover {background: url(../image/menu/sites_amis_hover.gif) 0 0 no-repeat;} li.nav_contact {margin: 0 10px 0 6px;} li.nav_contact a {background: url(../image/menu/contacts.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;} li.nav_contact a.on, li.nav_contact a:hover {background: url(../image/menu/contacts_hover.gif) 0 0 no-repeat;} /* infos fondation */ .infos_fondation {width: 216px; float: left; margin: 300px 0 0 0; display: block; position: absolute; top: 100px; left: 0;} .infos_fondation .top {background: url(../image/content_top_6.jpg) 0 0 no-repeat; height: 12px;} .infos_fondation .content {background: #FFF9FC repeat-y; padding: 20px;} .infos_fondation .bottom { background: url(../image/content_bottom_6.jpg) 0 0 no-repeat; height: 12px;} .infos_fondation .infos {width: 193px; margin: 0 4px 0 4px;} .infos_fondation .infos .title {display: block; font:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #d82880; font-size: 12px; margin: 0 0 20px -16px; float: left; width: 220px;} .infos_fondation .adresse, .infos_fondation .phone, .infos_fondation .mail {float: left;} .infos_fondation .adresse .title_adresse {background: url(../image/icon_adresse.gif) 0 0 no-repeat; height: 22px; float: left; width: 22px;} .infos_fondation .adresse span {margin: 5px 0 0 32px; color: #d82880; display: block;} .infos_fondation .phone .title_phone {background: url(../image/icon_fax.gif) 0 0 no-repeat; height: 22px; float: left; width: 22px; margin: 10px 0 0 0;} .infos_fondation .phone span {margin: 15px 0 0 32px; color: #d82880; display: block;} .infos_fondation .mail .title_mail {background: url(../image/icon_mail.gif) 0 0 no-repeat; height: 22px; float: left; width: 22px; margin: 10px 0 0 0;} .infos_fondation .mail span {margin: 15px 0 0 32px; color: #d82880; display: block;} /* Footer */ #footer a {color:#000066; text-decoration:none;} .content a {color:#F63094;} /* Chemin de fer */ .breadcrumb {text-align: right;} .breadcrumb, .breadcrumb a {color: #666;} .breadcrumb .sep {background: none;} /* blockquote */ blockquote {font-family: Arial, Helvetica, sans-serif, serif; font-size: 12px; color: #000; font-style: normal; /*background: url(../image/quote.gif) 0 0 no-repeat;*/ text-align:justify} blockquote .blockquote_content {/*background: url(../image/quote.gif) right bottom no-repeat;*/ padding: 5px 0px 0 0px; font-weight: normal; float:bottom; font-size: 10px; line-height:18px;font-family:Verdana, Arial, Helvetica, sans-serif;} .blockquotecredit { margin: 0px 10px 0 0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; } .citation h2 {background: url(../image/avenir.gif) 0 0 no-repeat; height:68px; width: 829px; margin:20px 0pt 20px 35px;} .citation h2 span {display:none;} /* citation */ blockquote.citation {font-family: Arial, Helvetica, sans-serif, serif; font-size: 14px; color: #000; font-style: normal; background: url(../image/quote_citation.gif) 0 0 no-repeat; float: right; margin: 30px 0 0 0;} blockquote .blockquote_citation {background: url(../image/quote_citation.gif) right 0 no-repeat; padding: 0 30px 0 30px;} blockquote .blockquotecredit_citation {text-align: right; margin: 0 30px 0 0; font-family: Arial, Helvetica, sans-serif, serif; font-size: 11px; color: #000; font-style:normal;} /*------------------------------------------------------------- Projets soutenus ---------------------------------------------------------------*/ #project_flash_home{width:350px; height:239px;} #project_flash{width:399px; height:300px;} .missions_images{float:right; border: solid 1px #F63094;} /* box_project */ .box_project {position: relative; margin: 0 0 20px 30px;} .box_project .title {height: 19px; margin: 0 0 30px 5px; font:Arial, Helvetica, sans-serif; font-size: 18px; color: #242d6b; background: none; line-height:20px; text-align:left;} /*.bp_flash { background: #fff; border: 1px solid #F63094;width:399px; height:300px; margin:0px; padding:0px;}*/ .bp_flash { background: #fff; width:399px; height:300px; margin:0px; padding:0px;} .bp_content { float:left; width:380px; margin-left:38px ;} .bp_description {text-align:justify;padding-right: 10px} .box_project .creation ul {margin: 10px 0 10px 0; padding:} .box_project .left li, .box_project .creation li {color:#000000; line-height:18px; float: left; width:375px; background:url(../image/icon_desription.gif) 7px left no-repeat; padding: 0 0 0 0px; text-align:justify;list-style:url(../image/icon_desription.gif) inside ;} .bp_description .savoir_plus {float: right; font-weight: bold;} .bp_description .savoir_plus a {text-decoration: none;} .bp_description .savoir_plus a:hover {text-decoration: underline;} /* overflow */ .bp_option {line-height:14px; margin-top:10px; float:top; border-left:3px solid #F63094;padding:0;padding-left:12px; color:#000000;} .bp_option .date {background: url(../image/icon_calendar.gif) 0 0 no-repeat; height: 16px; float: left; padding: 2px 0 0 20px; margin: 0 0 10px 0;} .bp_option .region {background: url(../image/icon_earth.gif) 0 0 no-repeat; height: 16px; float: right; padding: 2px 0 0 22px; margin: 0 0 10px 0;} .bp_option .logo { height: auto; margin: 10px 0 0 0; float:left;width:50%;text-align:center;} .bp_option .title {font-weight: bold; font-size:10px; font-weight:bold; text-decoration:underline; margin:0px; color:#F63094;} .bp_option .mail {color:#F63094; } .bp_option a {text-decoration: none;} /* soutien */ .soutien h3 {color:#F63094; font-size:14px;} /* box_2box */ .box_2box {position: relative; margin: 0 0 20px 0;} .box_2box .top {height: 11px; background: url(../image/box_2box_top.gif) 0 0 no-repeat;} .box_2box .content {background: url(../image/box_2box_content.gif) 0 0 repeat-y; padding: 13px 11px 11px 11px;} .box_2box .bottom {height: 11px; background: url(../image/box_2box_bottom.gif) 0 0 no-repeat;} /* Projet details */ .project_details {margin: 0 0 20px 0; color:#000000;} .project_details .top {background:url(../image/content_top_2.jpg) 0 0 no-repeat; height: 12px;} .project_details .content {background: #FFF9FC; padding: 13px 20px 11px 20px; color: #000; font-size: 12px; line-height: 20px;} .project_details .content p {line-height: 20px;} .project_details .content li {background: url(../image/icon_desription.gif) 0 0 no-repeat; padding: 0 0 0 22px; height:20px;} .project_details .content .missions_images {float: right; margin: 0 0 10px 10px;} .project_details .content h3.missions {height: 19px; background: url(../image/title_missions.gif) 0 0 no-repeat; margin: 0 0 10px 0;} .project_details li{color:#000000; line-height:18px; float: left; width:320px; background:url(../image/icon_description_blanc.gif) 7px left no-repeat; padding: 0 0 0px 0px; text-align:justify; list-style:url(../image/icon_description_blanc.gif) inside;} .project_details p {width:320px;} .news_details p {width:320px;} .project_details .missions, .project_details .seduit_financier {height: 19px; margin: 0 0 10px 0; font:verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #F63094; background: none;} .project_details .chiffres{height: 19px; margin: 0 0 10px 0; font:verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; background: none;} .project_details .content h3.chiffres span, .project_details .content h3.missions span, .project_details .content h3.seduit_financier span {display: block;} .project_details .bottom {background:url(../image/content_bottom_2.jpg) 0 0 no-repeat; height: 12px;} /* box_lastnews */ .box_lastnews {margin-top:20px;} .box_lastnews h3 {height: 21px; background: url(../image/title_dernieresactualites.gif) 11px 0 no-repeat; margin: 0 0 15px 0;} .box_lastnews h3 span {display: none;} ul.lastnews_list {width: 224px; font-size:10px; margin-top:10px;} .box_project .left ul.lastnews_list li{background:none; list-style:none;} ul.lastnews_list a { padding: 0 3px; line-height: 18px; color: #242d6b; text-decoration: none;} ul.lastnews_list span {text-decoration: none; padding: 0 0 0 8px;} ul.lastnews_list .title {font-size:10px; font-weight:bold;} /* box_testimony */ .box_testimony {float: left;} .box_testimony h3 {height: 21px; background: url(../image/title_temoignage.gif) 0 0 no-repeat; margin: 0 0 15px 0;} .box_testimony h3 span {display: none;} /* footer */ #footer { height: 33px; float: right; padding: 10px 30px 0 0;} /* scroll */ /*{}*/ /* border top and bottom */ /*------------------------------------------------------------- Vocation ---------------------------------------------------------------*/ /* description */ .description {width: 743px; margin: 0 0 20px 0; font-size: 10px; color: #000; line-height: 20px; font-family:Verdana, Arial, Helvetica, sans-serif;} .description h3.cible {background: url(../image/title_coeurcible.gif) 0 0 no-repeat; height: 16px; margin: 10px 0 20px 0;} .description h3.fondation {background: url(../image/title_fondationechiquier.gif) 0 0 no-repeat; height: 20px; margin: 10px 0 20px 0;} .description h3 span {display: none;} .description .description_financiere {float: right; width: 371px;} .description li {float: left; width: 600px; background:url(../image/icon_desription.gif) 7px left no-repeat; text-align:justify;list-style:url(../image/icon_desription.gif) inside;padding: 0 0 4px 0px;} /* participation */ .pourquoi_fondation {margin: 0 0 20px 0;} .pourquoi_fondation .top {background:url(../image/content_top_2.jpg) 0 0 no-repeat; height: 12px;} .pourquoi_fondation .content {background: #FFF9FC; padding: 13px 20px 11px 20px; color: #000; font-size: 12px; line-height: 20px;} .pourquoi_fondation .bottom {background:url(../image/content_bottom_2.jpg) 0 0 no-repeat; height: 12px;} .pourquoi_fondation h3, .objectifs h3 {color: #c83880; font-weight: bold;} .pourquoi_fondation li {list-style: outside; margin: 0 0 0 30px;} .objectifs {margin: 0 0 20px 0;} .objectifs .top {background:url(../image/content_top_2.jpg) 0 0 no-repeat; height: 12px;} .objectifs .content {background: #FFF9FC; padding: 13px 20px 11px 20px; color: #000; font-size: 12px; line-height: 20px;} .objectifs .bottom {background:url(../image/content_bottom_2.jpg) 0 0 no-repeat; height: 12px;} .objectifs .title {color: #c83880; font-weight: bold;} /* video */ .box_video {position: relative; margin: 0 0 20px 0; height: 365px;} .box_video, .box_video a {color: #fff;} .box_video .top {height: 12px; background: url(../image/box_0_top.gif) 0 0 no-repeat;} .box_video .content {background: url(../image/box_0_content.gif) 0 0 repeat-y; height: 341px; width: 743px;} .box_video .bottom {height: 12px; background: url(../image/box_0_bottom.gif) 0 0 no-repeat;} .box_video .bp_flash {position: absolute; top: 0; left: 0; background: #fff; width: 489px; height: 365px; overflow: hidden;} .box_video .bp_content {margin: 0 0 0 448px; padding: 0 12px;} .box_video .bp_description {height: 150px; overflow: auto; padding: 80px 0 0 0; scrollbar-face-color: #c83880; scrollbar-shadow-color: #c83880; scrollbar-highlight-color: #c83880; scrollbar-3dlight-color: #a12f68; scrollbar-darkshadow-color: #a12f68; scrollbar-track-color: #ae3270; scrollbar-arrow-color: #fff;} .bp_flash_video { width: 392px; height:293px; border:1px solid #F63094; margin:0px; padding:0px;} .box_video .sep {height: 1px; background: url(../image/line.gif) 0 0 repeat-x; margin: 12px 0;} /* Comité */ .comite_content .top {height: 12px; background: url(../image/content_top_2.jpg) 0 0 no-repeat;} .comite_content .content {background: #FFF9FC; padding: 13px 20px 11px 20px; color: #000; font-size: 12px; line-height: 20px;} .comite_content .bottom {height: 12px; background: url(../image/content_bottom_2.jpg) 0 0 no-repeat; margin: 0 0 20px 0;} .comite_content {float: right; width: 745px;} .comite_content .img_animation {float: left; margin: 0 0 0 250px;} .comite_content .img_animation h3, .comite_content .img_decision h3 {color: #c83880; font-weight: bold; text-align: center;} .comite_content .img_animation .image {width: 150px; float: left; margin: 24px;} .comite_content .image .name {font-weight: bold; font-size: 12px; display: block; text-align: center;} .comite_content .image span {text-align: center; display: block;} .comite_content .img_decision .image {margin: 42px; float: left;} .comite_content .img_decision .sep {background: url(../image/sep_actualite.gif) center 0 no-repeat; width: 705px;} /*------------------------------------------------------------- Organisation ---------------------------------------------------------------*/ .excelsior_content .top { height: 12px;} .excelsior_content .content{padding: 42px 20px 22px 20px; width:680px; color: #000; font-size: 10px; line-height: 20px; height:270px; position: relative;} .excelsior_content .bottom {height: 12px; margin: 0 0 20px 0;} .excelsior .excelsior_gauche {float: left; width: 390px; } .excelsior .excelsior_droit {float: right; width: 390px;} .excelsior .image {float: left; width: 163px; height: 247px; border:3px solid #ff3399; margin: 0 11px 0 0;} .excelsior .texte span {display: block;} .excelsior .title {color: #f63094; font-weight: bold; font-size: 10px; margin: 0 0 20px 0;} .excelsior .contact, .contacter .tel, .contacter .fax {color: #000; line-height: 20px;} .excelsior_title{height: 50px; margin: 0 0 40px 5px; font:Arial, Helvetica, sans-serif; font-size: 18px; color: #242d6b; background: none; line-height:20px; text-align:left;} h2.organisation {padding: 30px 0 0 0;} .organisation_financiere {float:left; width:413px !important; width:421px;} .organisation_financiere .content .title {height: 25px; margin: 25px 0 30px 5px; font:verdana, Helvetica, sans-serif; margin-top:25px;font-size: 18px; color: #242d6b; background: none; line-height:25px; text-align:left;} .organisation_financiere .content .texte {font-size: 10px; color: #000000; line-height: 18px; text-align:justify} .organisation_financiere .content .title .sub{ font-size:15px;} .organisation_financiere .borderCell { width:3px; background-color:#f63094; float:left; margin: 0 10px 0 5px;} .organisation_content {margin: 0 0 20px 0} .organisation_financiere .content .texte li {float: left; width:320px; background:url(../image/icon_desription.gif) 7px left no-repeat; padding: 0 0 0px 0px; text-align:justify;list-style:url(../image/icon_desription.gif) inside;} .organisation_fond_france .colore, .organisation_financiere .colore { color:#f63094;} .organisation_fond_france .content .texte h3, .organisation_financiere .content .texte h3 { font-size:12px; font-weight:bold; color:#f63094;} .organisation_fond_france .content .texte h4, .organisation_financiere .content .texte h4 { font-size:12px; font-weight:bold; color:#000000;} .organisation_financiere .content .texte li.spe { background:url(../image/icon_desription.gif) 70 px 6px no-repeat; } .organisation_financiere .content .texte .top{background: url(../image/content_top_15.jpg) 0 0 no-repeat; height: 12px;} .organisation_financiere .content .texte .cnt{background: url(../image/content_content_15.jpg) 0 0 repeat-y; width:381px; text-align:center; color: #000; font-size: 10px; line-height: 20px; position: relative;} .organisation_financiere .content .texte .bottom{background: url(../image/content_bottom_15.jpg) 0 0 no-repeat; height: 12px; margin: 0 0 20px 0;} .fondation_content .title {color: #c83880; font-weight: bold;} .organisation_content .content, .financement_original, .fondation_abritee {padding: 20px; color: #000; font-size: 12px; line-height: 20px;} .fondation_abritee .texte {margin: 24px 0 0 0;} .organisation_content li {list-style: outside; margin: 0 0 0 30px;} .organisation_content .savoirplus {float: right;} .organisation_content .savoirplus a {text-decoration: none;} .organisation_content .savoirplus a:hover {text-decoration: underline;} .fondation_content .savoirplus {float: right; margin: 20px 0 0 0;} .fondation_content .savoirplus a {text-decoration: none;} .fondation_content .savoirplus a:hover {text-decoration: underline;} .organisation_content .title, .fondation_content .content .title {color: #c83880; font-weight: bold; display: block;} .organisation_content .small {margin: 10px 0 0 0;} .fondation_content .content .financement_original {float: left; width: 305px; font-size: 12px; line-height: 20px; padding: 0 20px 0 20px;} .fondation_content .content .fondation_abritee {float: right; width: 358px; font-size: 12px; line-height: 20px; padding: 0 20px 0 20px;} /*------------------------------------------------------------- Donner ---------------------------------------------------------------*/ /*.donner_content .top, .que_donner_content .top, .avantages_content .top {background: url(../image/content_top_2.jpg) 0 0 no-repeat;} .donner_content .content, .que_donner_content .content, .avantages_content .content {background: #FFF9FC repeat-y;} .donner_content .bottom, .que_donner_content .bottom, .avantages_content .bottom {background: url(../image/content_bottom_2.jpg) 0 0 no-repeat; margin: 0 0 20px 0;} .donner_content .content h3.title_donner {background: url(../image/title_pourquoidonner.gif) 0 0 no-repeat; display: block; height: 19px; margin: 0 0 24px 24px;} .donner_content .content h3.title_donner span {display: none;} .donner_content .content .texte {margin: 0 20px; font-size: 12px; line-height: 20px;} .que_donner_content .content h3.title_que_donner {background: url(../image/title_quedonner.gif) 0 0 no-repeat; display: block; height: 18px; margin: 0 0 32px 24px;} .que_donner_content .content h3.title_que_donner span {display: none;} .que_donner_content .content .texte {margin: 0 20px; font-size: 12px; line-height: 20px;} .que_donner_content .content .argent {margin: 0 0 20px 0;} .que_donner_content .content .argent h3 {background: url(../image/title_argent.gif) 0 0 no-repeat; display: block; height: 14px; margin: 0 0 14px 24px;} .que_donner_content .content .argent h3 span {display: none;} .que_donner_content .content .materiel h3 {background: url(../image/title_materiel.gif) 0 0 no-repeat; display: block; height: 13px; margin: 0 0 14px 24px;} .que_donner_content .content .materiel h3 span {display: none;} .avantages_content .content h3 {background: url(../image/title_avantages.gif) 0 0 no-repeat; display: block; height: 19px; margin: 0 0 14px 24px;} .avantages_content .content h3 span {display: none;} .avantages_content .content .texte {margin: 0 20px; font-size: 12px; line-height: 20px;} .avantages_content .content .texte span a {background: red; display: block;}*/ /* Rajouts FDE */ .pourquoi_donner {font-size:11px; } .pourquoi_donner .step{font-size:16px; color:#F63094; font-weight:bold; margin-bottom:20px; margin-top:20px; } .pourquoi_donner ul {float:bottom;margin-bottom:10px; margin-top:10px;} .pourquoi_donner li {margin-bottom:5px; margin-left:50px;} .donner_header h1 {background: url(../image/soutenez.gif) 0 0 no-repeat; height:71px; width: 525px;margin:34px 0 0 258px;} .donner_header h1 span, .donner_header h2 span {display:none;} .donner_header h2 {background: url(../image/richesse.gif) 0 0 no-repeat; height:68px; width: 829px; margin:20px 0pt 20px 35px !important;margin:20px 0pt 0px 35px;} .donner_content .content { width:840px; margin: 0 auto 0 38px; color:#000000;} .donner_content .content .left {float: left; width: 438px; font-size: 10px; line-height: 20px;} .donner_content .content .borderCell { width:3px; height:130px; background-color:#f63094; float:left; margin: 0px 11px 0 0;} .donner_content .content .title {height: 19px; margin: 0px 0 30px 5px !important; margin: 40px 0 10px 5px; font:Arial, Helvetica, sans-serif; font-size: 20px; color: #242d6b; background: none; line-height:18px;} .donner_content .content .left .texte {margin: 0 0 0 24px;} .donner_content .content .texte li {float: left; width:335px; background:url(../image/icon_desription.gif) 5px left no-repeat; padding: 0 0 20px 0px; text-align:justify;list-style:url(../image/icon_desription.gif) inside; line-height:18px;} .donner_content .content .texte .colore { font-weight: bold; color: #f63094; } .donner_content .content .retourpourvous {float: left; width: 370px; font-size: 10px; line-height: 20px;} .donner_content .content .retourpourvous .title {margin-top:20px;} .donner_content .content .right {float: left; width: 378px; font-size: 10px; line-height: 20px;} .donner_content .content .right .texte {margin: 0 0 0 24px;} .donner_content .content .right .texte .reglementdonner { font-weight: bold; color: #f63094; text-align:left; } /* Fin Rajouts FDE */ /*------------------------------------------------------------- Amis ---------------------------------------------------------------*/ .amis_content {width: 100%;} .amis_content .top {background: url(../image/content_top_2.jpg) 0 0 no-repeat;} .amis_content .content {background: #FFF9FC repeat-y; padding: 40px;} .amis_content .bottom {background: url(../image/content_bottom_2.jpg) 0 0 no-repeat; margin: 0 0 20px 0;} .amis_content .texte{margin-bottom:45px;} .amis_content .texte .title {font-size: 20px; color: #202d6b; margin: 0 0 15px 124px;} .amis_content .texte .description {width: auto;text-align:justify;} .amis_content .texte a:hover {text-decoration: underline;} .amis_content .logo { float:left; width:95px; } .amis_content .borderCell { width:3px; background-color:#f63094; float:left; margin: 0 29px;} .amis_content .top{background: url(../image/content_top_14.jpg) 0 0 no-repeat; height: 12px;} .amis_content .cnt{background: url(../image/content_content_14.jpg) 0 0 repeat-y; width:95px; text-align:center; color: #000; height:70px; vertical-align:middle; font-size: 10px; line-height: 20px; position: relative;} .amis_content .bottom{background: url(../image/content_bottom_14.jpg) 0 0 no-repeat; height: 12px; margin: 0 0 20px 0;} .amis_content .button { background:url(../image/bt_site.gif) 0 0 no-repeat; height:23px; width: 415px; float:left; margin-bottom:50px; margin-top:10px;} .amis_content .button a { margin-left:50px; text-decoration:none; color:#FFF; font-weight:bold;} /*------------------------------------------------------------- Contact ---------------------------------------------------------------*/ h2.contact {padding: 30px 0 0 0;} .contact_content .top, .message_content .top {background: url(../image/content_top_13.jpg) 0 0 no-repeat; height: 12px;} .contact_content .content, .message_content .content {background: url(../image/content_content_13.jpg) 0 0 repeat-y; padding: 42px 20px 22px 20px; color: #000; font-size: 10px; line-height: 20px; position: relative;} .contact_content .bottom, .message_content .bottom {background: url(../image/content_bottom_13.jpg) 0 0 no-repeat; height: 12px; margin: 0 0 20px 0;} h3.contacter {background: url(../image/title_nousappeler.gif) 0px 0px no-repeat; height: 31px; margin: 0 0 10px 47px;} h3.contacter span {display: none;} .contact_content {margin: 0 AUTO 20px AUTO; width:712px;} /*.contact_content .top, .message_content .top {background: url(../image/content_top_2.jpg) 0 0 no-repeat;} .contact_content .content, .message_content .content {background: #FFF9FC; padding: 20px;} .contact_content .bottom, .message_content .bottom {background: url(../image/content_bottom_2.jpg) 0 0 no-repeat; margin: 0 0 20px 0;}*/ .contacter {} .contact_adresse .colore { font-weight: bold; color: #f63094; } .contact_adresse {margin-left:140px; margin-top:30px;} .contacter .contact_gauche {float: left; width: 250px; } .contacter .contact_middle {float: left; width: 250px; } .contacter .contact_droit {float: left; width: 250px;} .contacter .image {float: left; width: 100px; height: 130px; background: #ccc; margin: 0 11px 0 0;} .contacter .borderCell { width:3px; height:240px; background-color:#f63094; float:left; margin: 0 11px 0 0;} .contacter .texte span {display: block;} .contacter .title {color: #f63094; font-weight: bold; font-size: 10px; margin: 0 0 20px 0;} .contacter .contact, .contacter .tel, .contacter .fax {color: #000; line-height: 20px;} .message_content {margin: 0 AUTO 20px AUTO; width:712px;} .message_content .content label { color:#f63094; font-weight:bold; margin-top:10px; line-height:20px;} .message_content .content .sujet input { width:318px; font-size:18px; } .message_content .content .submit input{width: 104px; float: right; margin: 10px 6px 0 0; color: #000; background: url(../image/bg_input_submit.gif) 0 0 no-repeat; height: 22px; display: block; cursor: pointer; font-weight: bold; color: #1e2e6c;} .message_content .content .ContactSubmit {background: none; border: 0;} .message_content .content .messageImg {width:350px; height:200px; float:left;} .message_content .content img { margin: 110px 0 100px 30px;} .ContactConfirmMessage {text-align: center; font-weight: bold; color: #1e2e6c;} /*------------------------------------------------------------- Actualite ---------------------------------------------------------------*/ h2.actualite {margin: 80px 0 20px 25px;} .trieractu {width: 166px; margin-bottom: 0px; margin-left:677px; text-align:right; } .trieractu h3 {background: url(../image/title_archives.gif); background-position:top right; background-repeat:no-repeat; height: 10px;} .trieractu select {padding: 0 0 0 0; width: 166px;} .trieractu span {display: none;} .trieractu2 { margin-bottom: 0px; text-align:center; } /*.actualite_content .top {background: url(../image/content_top_3.jpg) 0 0 no-repeat; height: 64px;} .actualite_content .content {background: url(../image/content_content_3.jpg) 0 0 repeat-y; padding: 0 20px 11px 20px; color: #000; font-size: 12px; line-height: 20px; position: relative;} .actualite_content .bottom {background: url(../image/content_bottom_3.jpg) 0 0 no-repeat; height: 12px; margin: 0 0 20px 0;}*/ .box_project.GalleryContent .top, .box_project.GalleryContent .content, .box_project.GalleryContent .bottom {background: none; position: absolute;} .box_project.GalleryContent {height: 500px; margin: 0 0 20px 30px;} .box_project .ImgAlone {width: 743px; float: left; margin: auto; padding: 20px 0 0 0;} .box_project.ImgAloneContent .content img {margin: auto; display: block;} .box_project.newsFlashDiv {height: 300px; margin: 0 0 20px 54px;} .box_project.newsFlashDiv .top {background: url(../image/content_top_2.jpg) 0 0 no-repeat;} .box_project.newsFlashDiv .content {background: #FFF9FC;} .box_project.newsFlashDiv .bottom {background: url(../image/content_bottom_2.jpg) 0 0 no-repeat; margin: 0 0 20px 0;} .box_project.newsFlashDiv .bp_flash_video {position: absolute; top: 0; width: 743px; margin: auto; text-align: center;} .actualite_content p {margin: 0 0 10px 0; color:#000000;} .actualite_content a { color:#F63094;} .actualite_content div.title {height: 19px; margin: 0px 0 30px 120px !important; margin: 20px 0 10px 120px; font:verdana, Helvetica, sans-serif; font-size: 20px; color: #242d6b; background: none; line-height:18px;} .actualite_content .content .top{background: url(../image/content_top_17.jpg) 0 0 no-repeat; height: 12px;} .actualite_content .content .cnt{background: url(../image/content_content_17.jpg) 0 0 repeat-y; width:136px; text-align:center; color: #000; font-size: 10px; line-height: 20px; position: relative;} .actualite_content .content .bottom{background: url(../image/content_bottom_17.jpg) 0 0 no-repeat; height: 12px; margin: 0 0 5px 0;} .actualite_content .content .image {float:left; width:140px;} .actualite_content .content .borderCell { width:3px; background-color:#f63094; float:left; margin: 0 29px;} .actualite_content .news_actualite {line-height:18px;} .actualite_content .actu_texte { text-align:justify; margin:0px; } .actualite_content span.title {color: #202d6b; font-weight: bold;} .actualite_content .informations {background: url(../image/sep_actualite.gif) center top no-repeat; float: right; width: 580px; margin: 10px 0 0 0;} .actualite_content .creation {float: left; margin: 10px 0 0 20px; text-align: center;} .actualite_content .region {float: left; margin: 10px 0 0 120px; text-align: center;} .actualite_content .details {float: right; background: url(../image/bg_plus_details.gif) 0 0 no-repeat; height: 25px; width: 127px; text-align: center; margin: 0 0 18px 0; padding: 2px 0 0 0; position: absolute; bottom: 0; right: 0;} .actualite_content .informations .details span a {color: #fff;} .actualite_content .creation .infos, .actualite_content .region .infos {display: block;} /*------------------------------------------------------------- Projet ---------------------------------------------------------------*/ h2.project {margin: 80px 0 0 0;} .trier {float: right; width: 166px;} .trier h3 {background: url(../image/title_trierpar.gif) 0 0 no-repeat; height: 10px;} .trier select {padding: 0 0 0 0; width: 250px;} .trier span {display: none;} .filtrer {float: right; width: 166px;} .filtrer h3 {height: 10px;} .filtrer select {padding: 0 0 0 0; width: 166px;} .filtrer span {display: none;} /*.project_content .top {background: url(../image/content_top_3.jpg) 0 0 no-repeat; height: 64px;} .project_content .content {background: url(../image/content_content_3.jpg) 0 0 repeat-y; padding: 0 20px 11px 20px; color: #000; font-size: 12px; line-height: 20px; position: relative;} .project_content .bottom {background: url(../image/content_bottom_3.jpg) 0 0 no-repeat; height: 12px; margin: 0 0 20px 0;}*/ .box_project p{color:#000000;} .box_project.GalleryContent .top, .box_project.GalleryContent .content, .box_project.GalleryContent .bottom {background: none; position: absolute;} .box_project.GalleryContent {height: 500px; margin: 0 0 20px 54px;} .box_project .ImgAlone {width: 743px; float: left; margin: auto; padding: 20px 0 0 0;} .box_project.ImgAloneContent .content img {margin: auto; display: block;} .box_project.newsFlashDiv .top {background: url(../image/content_top_2.jpg) 0 0 no-repeat;} .box_project.newsFlashDiv .content {background: #fff9fc;} .box_project.newsFlashDiv .bottom {background: url(../image/content_bottom_2.jpg) 0 0 no-repeat; margin: 0 0 20px 0;} .box_project.newsFlashDiv .bp_flash_video {position: absolute; top: 0; width: 743px; margin: auto; text-align: center;} .project_content {width:868px; margin: 40px 0 0px 35px; position:relative;} .project_content .borderCell { width:3px; background-color:#f63094; float:left; margin: 0px 0px 0 0;} .project_content .titre_project {font-size: 20px; font-weight: normal; color: #d82880; line-height: 20px; padding: 8px 0 0 0; display: block; text-align: center;} .project_content .content .image {margin-left:50px; width:191px; height:185px; background:url(../image/bg_imgProject.gif) top left no-repeat; line-height:185px; text-align:center;} .project_content .content .image img {vertical-align:middle; line-height:185px; text-align:center;} .project_content .news_actualite {width: 580px; float: right; } .project_content span.title {color: #f63094; font-weight: bold; font-size:12px; margin-left:5px;} .project_content .informations span.title {color: #000; font-weight: bold; font-size:10px; line-height:18px; margin-left:5px; padding-left:15px; background:url(../image/icon_desription.gif) center left no-repeat; } .project_content .info {border-left:5px solid #f63094; padding-left:10px; position:relative;} .project_content .informations {float: right; width: 580px; margin: 0 0 0 0; } .project_content .creation {float: left; margin: 10px 0 0 20px;} .project_content .details {float: right; height: 25px; width: 127px; text-align: center; position:absolute; bottom:0; right:0px;padding: 2px 0 0 0;} .project_content .informations .details span a {color: #fff;} .project_content .ttl {height: 19px; margin: 0px 0 20px 0px !important; margin: 0px 0 10px 0px; font:Arial, Helvetica, sans-serif; font-size: 20px; color: #242d6b; background: none; line-height:28px;} .project_content .ttl .ttli {float:left; height:30px;} .actu_detail { width:720px;} /*------------------------------------------------------------- Presenter projet ---------------------------------------------------------------*/ .criteres_subtitle { width: 748px; margin: 0 auto 40px auto;} .criteres_subtitle .top {background: url(../image/content_top_16.jpg) 0 0 no-repeat; height: 16px;} .criteres_subtitle .cnt {background: url(../image/content_content_16.jpg) 0 0 repeat-y;} .criteres_subtitle .bottom {background: url(../image/content_bottom_16.jpg) 0 0 no-repeat; height: 18px;} .criteres {width: 900px; color:#000; line-height: 20px; margin:0 auto;} .criteres .content .title {height: 19px; margin: 0 0 10px 5px; font:Arial, Helvetica, sans-serif; font-size: 18px; color: #242d6b; background: none; line-height:20px; text-align:left;} .criteres .borderCell { width:3px; height:130px; background-color:#f63094; float:left; margin: 0 11px 0 0;} .criteres .content li {float: left; width:360px; background:url(../image/icon_desription.gif) 5px left no-repeat; padding: 0 0 0px 0px;list-style:url(../image/icon_desription.gif) inside;} /*.criteres .top {background: url(../image/content_top_5.jpg) 0 0 no-repeat; height: 20px;} .criteres .content {background: url(../image/content_content_5.jpg) 0 0 repeat-y;} .criteres .bottom {background: url(../image/content_bottom_5.jpg) 0 0 no-repeat; height: 20px; margin: 0 0 20px 0;}*/ .infos_dossier {width: 413px; padding: 0 20px 0 20px; float: left;} .infos_dossier .dossierr {font-weight: bold; color: #d82880;} .infos_dossier .texte {display: block; margin: 0 0 20px 0;} .infos_dossier .savoirplus {margin: 0 0 20px 0; display: block;} .infos_dossier .savoirplus a {color: #d82880;} .infos_dossier .top {background: url(../image/content_top_15.jpg) 0 0 no-repeat; height: 12px;line-height: 12px;} .infos_dossier .cnt {background: url(../image/content_content_15.jpg) 0 0 repeat-y; width:381px;color: #000; padding-left:9px; font-size: 10px; line-height: 20px; position: relative;} .infos_dossier .bottom {background: url(../image/content_bottom_15.jpg) 0 0 no-repeat; height: 12px;} .infos_dossier2 {width: 613px; padding: 0 20px 0 20px; float: left;} .infos_dossier2 .dossierr {font-weight: bold; color: #d82880;} .infos_dossier2 .texte {display: block; margin: 0 0 20px 0;} .infos_dossier2 .savoirplus {margin: 0 0 20px 0; display: block;} .infos_dossier2 .savoirplus a {color: #d82880;} .infos_dossier2 .top {background: url(../image/content_top_18.jpg) 0 0 no-repeat; height: 12px;line-height: 12px;} .infos_dossier2 .cnt {background: url(../image/content_content_18.jpg) 0 0 repeat-y; width:600px;color: #000; padding-left:9px; font-size: 10px; line-height: 20px; position: relative;} .infos_dossier2 .bottom {background: url(../image/content_bottom_18.jpg) 0 0 no-repeat; height: 12px;} .notice {width: 407px; padding: 0px; float: right;} .notice h3, .etapes h3, .infos_dossier h3 {height: 19px; margin: 0 0 10px 0; font:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #c83880; background: none;} .notice li {list-style: outside;} .etapes {width: 743px; color: #000; line-height: 20px;} .etapes .top {background: url(../image/content_top_2.jpg) 0 0 no-repeat; height: 12px;} .etapes .content {background: #FFF9FC repeat-y; padding: 20px;} .etapes .bottom {background: url(../image/content_bottom_2.jpg) 0 0 no-repeat; height: 12px; margin: 0 0 20px 0;} .etapes ol {list-style: decimal; margin: 0 0 0 40px;} .reponses {margin: 20px 0 20px 35px;;} .reponses .borderCell { width:3px; height:130px; background-color:#f63094; float:left; margin: 0px 11px 0 0;} .reponses .title {height: 19px; margin: 55px 0 30px 5px !important; margin: 40px 0 10px 5px; font:Arial, Helvetica, sans-serif; font-size: 20px; color: #242d6b; background: none; line-height:18px;} .reponses .title .txt {padding:5px 0 0 0; margin:0 0 0 5px;} .reponses .reponse_content {font-size: 10px; color: #000; margin: 0 0 30px 0;} .reponses .reponse_content span.title {color: #d82880; font-weight: bold; font-size: 10px; background: url(../image/icon_desription.gif) 43px 3px no-repeat; padding: 0 0 0 66px; margin: 30px 0 0 0;} .reponses .content{width:825px; text-align:justify;} /* .project_details ul {border: 1px solid blue;} .project_details li {border: 1px solid blue;} */ /*------------------------------------------------------------- Dossier ---------------------------------------------------------------*/ .dossier, .dossier_notice { width: 420px; float:left} .dossier h3 span {color: #c83880;} .dossier_notice .top, .dossier .top {background: url(../image/content_top_15.jpg) 0 0 no-repeat; height: 12px; line-height:12px;} .dossier_notice .cnt, .dossier .cnt {background: url(../image/content_content_15.jpg) 0 0 repeat-y; width:381px; text-align:center;} .dossier_notice .bottom, .dossier .bottom {background: url(../image/content_bottom_15.jpg) 0 0 no-repeat; height: 12px; margin-bottom:10px;} .dossier .content .title { width:350px;height: 30px; margin: 0 0 30px 5px; font:Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; background: none; line-height:20px; text-align:left;} .dossier .content {font-size: 10px; color: #000000;} .dossier_notice .content span.title {font-size: 10px; text-align: justify; line-height:18px; background: url(../image/icon_desription.gif) 0 3px no-repeat; padding: 0 0 0 16px; margin: 11px 0 0 15px; display:block; width:311px;} .dossier .content span.title {color: #d82880; font-weight: bold; font-size: 10px; background: url(../image/icon_desription.gif) 0 3px no-repeat; padding: 0 0 0 16px; margin: 30px 0 0 0;} .dossier_notice .content span p, .dossier .content span p {margin: 0 0 20px 20px; padding: 0; text-align:justify; width:360px;} .dossier_notice .borderCell, .dossier .borderCell { width:3px; height:130px; background-color:#f63094; float:left; margin: 0 11px 0 0;} .dossier_notice .colore, .dossier .colore {font-weight: bold; color: #f63094; } .notice .content {font-size: 12px; color: #222d6b; line-height: 18px;} .notice .content span.title {color: #222d6b; font-weight: normal; font-size: 10px; background: url(../image/icon_desription.gif) 0 0 no-repeat; padding: 0 0 0 16px; margin: 0 0 40px 0; float: left;} /*------------------------------------------------------------- Mecenat (rajout FDE) ---------------------------------------------------------------*/ /*.mecenat_header h1 {background: url(../image/Mecenat_Header.jpg) 0 0 no-repeat; height:320px; width:830px;margin:20px 0 0 20px;}*/ /*------------------------------------------------------------- Clearing ---------------------------------------------------------------*/ .clear {display: block; clear: both;} #page:after, .box_2box .content:after, .project_details_content .missions_images:after, .citation:after, .description:after, .actualite_content .content:after, .project_content .content:after, .faq_sommaire .content:after, .contacter:after, .box_project.GalleryContent:after {display: block; clear: both; content:"."; height: 0; visibility: hidden;}