/* Style g�n�ral & structures global ------------------------------------------------------------ */ * { margin: 0; padding: 0; border: 0; } html { } body { font-family: Arial, Helvetica, sans-serif; font-size:72.5%; } h1 { font-size : 250% ; } h2 { font-size: 180%; color:#E75414; } h3 { font-size: 150%; color:#656565; font-weight:bold; } h4 { font-size: 120%; } p {line-height:18px; margin-bottom:18px;} .box { background:transparent} a { outline:none} a:hover { text-decoration:none;} /* Bloc Wrapper ------------------------------------------------------------------*/ #wrapper-header { height:150px; } #wrapper-banner {height:380px; background:#f87b46 url(../images/interface/bg-banner.gif) repeat-x; } #wrapper-content { padding-top:27px; padding-bottom:27px; } #wrapper-about { padding-top:27px; padding-bottom:27px;background:#f7f7f7 url(../images/interface/about.gif) repeat-x; } #wrapper-footer { padding-top:27px; padding-bottom:54px;background:#f76d33 url(../images/interface/bg-footer.gif) repeat-x; } /* Bloc Header ------------------------------------------------------------------*/ #logo-fondation { height:150px;} #logo-fondation h1 { text-indent:-8000em; height:150px; overflow: hidden; background: url(../images/interface/logo.gif) no-repeat; } #logo-fondation h1 a {display:block; height:150px; } /* Bloc Banner ------------------------------------------------------------------*/ #banner-text { color:#FFF; line-height:36px; padding-top:36px; padding-bottom:0; height:334px} #banner-text h2 { color:#FFF; font-size:220%; line-height:30px; margin-bottom:30px} #banner-text p { line-height:20px; margin-bottom:40px;} #banner-text #donation { width:250px; height:60px; background:transparent url(../images/interface/donation.gif) no-repeat; text-indent:-8000em; margin-bottom:0; } #banner-text #donation a { width:250px; height:60px; display:block} #banner-img-center { background:transparent url(../images/interface/banner-img-center.jpg) no-repeat 0 10px; height:380px} #banner-img-right { background:transparent url(../images/interface/banner-img-right.jpg) no-repeat 0 10px; height:380px} #pub {position:absolute; background:transparent; height:250px; margin-left:-161px; margin-top:120px; left:50%; } /* Bloc Menu ------------------------------------------------------------------*/ #menu { margin-top:-15px; } #menu form {margin:0; padding:0} #menu h2 {display:none;} #menu ul { list-style-type:none; margin:0 } #menu ul li { margin:18px 0;} #menu ul .titre a { color:#484848; text-decoration:none; font-weight:bold; background: url(../images/interface/ico-arrow.gif) no-repeat; background-position:0 5px; padding:5px 15px; } #menu ul .titre a:hover { background-color:#e75414; color:#FFF;} #menu ul .submenu { margin: 0 0 0 25px;} #menu ul .submenu a {color:#969696; text-decoration:none; font-weight:normal; background:none; padding-left:0} #menu ul .submenu a:hover { background-color:transparent; color:#e75414; text-decoration:underline;} /* Bloc Content ------------------------------------------------------------------*/ #content { } #content h2 { letter-spacing: -1px } #content .intro {color:#969696} #content a {color:#e75414; text-decoration:underline;} #content a:hover { text-decoration:none;} #content ul { list-style-type:none} #content li { background: url(../images/interface/ico-arrow.gif) no-repeat; background-position:0 5px; padding:3px 15px; margin-bottom:10px; } #content table { margin-bottom:50px; } #content table td { padding:5px; border-bottom:1px solid #e0e0e0;} #content table.testimonies td { vertical-align:top; padding:20px;} #content table.table-coord {background-color:#F1F1F1; } #content table td.table-coord-photo { width:150px; text-align:center; padding:20px 5px; } #content table td.table-coord-texte {} #content table h3 {color:#656565; margin:20px 0;} #content table.table-revue-presse { } #content table.table-revue-presse td {padding-left:60px; background: url(../images/interface/ico-press.gif) no-repeat; background-position:10px 15px; } #content table.table-newsletter { } #content table.table-newsletter td {padding-left:60px; background: url(../images/interface/ico-press.gif) no-repeat; background-position:10px 15px; } #content table.table-galerie { margin-bottom:10px; } #content table.table-galerie td {padding:10px; } #content table.table-galerie .dl {font-size : 11px; padding-left:25px; } #content table.table-galerie p {margin:0 0 5px 0;} .ico-zoom { background: url(../images/interface/ico-zoom.gif) no-repeat; background-position:0 -3px;} .ico-dl { background: url(../images/interface/ico-dl.gif) no-repeat; background-position:0 -3px;} .highlight {background:#edecda; padding:30px;} /* Bloc Content / News ------------------------------------------------------------------*/ #content h2.title-news {background:#8d2781 url(../images/interface/title-news.gif) no-repeat bottom center; font-size:130%; margin:0 0 0 0 ; font-weight:bold; color:#FFF; padding:5px 15px 15px 15px; } #content .blocnews { float:left; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #e8e9e3; cursor: pointer; clear:both; background: url(../images/interface/blocnews-actu.gif) no-repeat; background-position:10px 15px; } #content .blocnews:hover { background-color:#edecda; background-image: url(../images/interface/blocnews-actu-on.gif); } #content .blocnews:hover .bloctxt { color:#f66529} #content .blocnews:hover .bloctxt p { color:#f66529 } #content .blocnews .news-date { padding-left:55px; color:#000; font-weight:bold;} #content .blocnews .bloctxt { margin:0; padding:0; color:#969696 ; font-size:12px; padding-left:55px; padding-right:20px; line-height:20px;} #content .blocnews .bloctxt p { margin:0; padding:0; color:#969696 ; font-size:12px; line-height:20px; } #infos {} #infos.box { background:#edecda} #infos h2 {color:#f66529; font-size:150%; font-weight:bold; } #infos div {border-bottom:1px solid #dad9c7; padding-top:18px; padding-bottom:10px; cursor:pointer; } #infos div:hover { color:#f66529} #infos div.noborder {border-bottom:none} #infos #testimony {padding-top:0; background:transparent url(../images/interface/infos-testimony.gif) no-repeat 0 5px;} #infos #download { background:transparent url(../images/interface/infos-download.gif) no-repeat 0 20px;} #infos #newsletter { background:transparent url(../images/interface/infos-newsletter.gif) no-repeat 0 20px;} /* tooltip -----------------------------------------------*/ #more-info {position:absolute; background:#000; color:#fff; width:250px; padding:10px 20px; font-weight:bold; font-size:100%;} /* Bloc about ------------------------------------------------------------------*/ #coord { } #coord.colborder {border-right:1px solid #e5e5e5} #coord a {color:#e75414; text-decoration:underline;} #coord a:hover { text-decoration:none;} #coord h2 { height:75px; background: url(../images/interface/f-ico-fondation.gif) no-repeat; text-indent:-8000px; margin-bottom:20px} #coord h3 { font-size:100%; color:#e75414; float:left; width:60px; text-align:right;} #coord p {color:#969696; float:left; width:165px; margin-left:10px; margin-top:-2px} #coord .margin {margin-bottom:0;} #partners {margin-top:20px; color:#848484} #partners hr {background:#e5e5e5; } #partners .colborder {border-right:1px solid #e5e5e5} #partners #membres-fondateurs {margin-bottom:10px; background:url(../images/interface/members.gif) no-repeat 0 10px;} #partners ul {padding:0; margin:0; list-style-type:none;} #partners li { padding:0; margin:0; float:left; text-indent: -1000em; } #partners li a { display:block; height:50px; margin-bottom:10px; } #partners li a:hover { } /* membres fondateurs */ .lien-ca a { width:60px; background:url(../images/partners/home/ca.gif) no-repeat; } .lien-ca a:hover { background:url(../images/partners/home/ca-hover.gif) no-repeat; } .lien-pricewaterhouse a { width:200px; background:url(../images/partners/home/pricewaterhouse.gif) no-repeat; } .lien-pricewaterhouse a:hover { background:url(../images/partners/home/pricewaterhouse-hover.gif) no-repeat; } .lien-rms-network a { width:200px; background:url(../images/partners/home/rms-network.gif) no-repeat; } .lien-rms-network a:hover { background:url(../images/partners/home/rms-network-hover.gif) no-repeat; } /* partenaires */ .lien-acobha a { width:100px; background:url(../images/partners/home/acobha.gif) no-repeat; } .lien-acobha a:hover { background:url(../images/partners/home/acobha-hover.gif) no-repeat; } .lien-aphec a { width:100px; background:url(../images/partners/home/aphec.gif) no-repeat; } .lien-aphec a:hover { background:url(../images/partners/home/aphec-hover.gif) no-repeat; } .lien-aines-ruraux a { width:60px; background:url(../images/partners/home/aines-ruraux.gif) no-repeat; } .lien-aines-ruraux a:hover { background:url(../images/partners/home/aines-ruraux-hover.gif) no-repeat; } .lien-bplc a { width:150px; background:url(../images/partners/home/bplc.gif) no-repeat; } .lien-bplc a:hover { background:url(../images/partners/home/bplc-hover.gif) no-repeat; } .lien-caisse-epargne a { width:170px; background:url(../images/partners/home/caisse-epargne.gif) no-repeat; } .lien-caisse-epargne a:hover { background:url(../images/partners/home/caisse-epargne-hover.gif) no-repeat; } .lien-chamtor a { width:100px; background:url(../images/partners/home/chamtor.gif) no-repeat; } .lien-chamtor a:hover { background:url(../images/partners/home/chamtor-hover.gif) no-repeat; } .lien-leclerc a { width:150px; background:url(../images/partners/home/leclerc.gif) no-repeat; } .lien-leclerc a:hover { background:url(../images/partners/home/leclerc-hover.gif) no-repeat; } .lien-moreno a { width:60px; background:url(../images/partners/home/moreno.gif) no-repeat; } .lien-moreno a:hover { background:url(../images/partners/home/moreno-hover.gif) no-repeat; } .lien-societe-generale a { width:150px; background:url(../images/partners/home/societe-generale.gif) no-repeat; } .lien-societe-generale a:hover { background:url(../images/partners/home/societe-generale-hover.gif) no-repeat; } /* tooltip partners -----------------------------------------------*/ #more-info-partners {position:absolute; background:#000; color:#fff; padding:10px 20px; font-weight:bold; font-size:100%;} /* Bloc Mentions ------------------------------------------------------------------*/ #logos h2 {display:none;} #logos ul {padding:0; margin:0; list-style-type:none;} #logos li { padding:0; margin:0; float:left; text-indent: -1000em; } #logos li a { display:block; height:70px; } #logos li a:hover { } .lien-fondation-france a { width:110px; background:url(../images/interface/logo-fondation-france.gif) no-repeat; } .lien-rms a { width:150px; background:url(../images/interface/logo-rms.gif) no-repeat; } #mentions {padding-top:15px; text-align:right; font-weight:bold;} #mentions h2 {display:none;} #mentions ul {padding:0; margin:0; list-style-type:none;} #mentions li { display:inline; border-right:1px solid #FFF; margin-right:15px; padding-right:15px;} #mentions li a { color:#FFF; text-decoration:none; } #mentions li a:hover { text-decoration:underline; } #mentions li.noborder { margin-right:0; padding-right:0; border-right:none;} /* formulaire de contact ----------------------------------------------------*/ input, textarea {background-color: #FFF; color: #000; border:1px solid #CCC; padding:3px; font-family: Arial, Helvetica, sans-serif; font-size:12px; width: 220px; } textarea { height: 120px;} input.bton { width:70px; height:30px; font-size:12px; margin:10px 10px 0 0; float:left; padding: 5px; color:#e75414; border: 1px solid #CCCCCC; font-weight:bold; cursor:pointer; } input.bton:hover {color:#FFF; border: 1px solid #CCCCCC; background:none; background-color:#e75414; cursor:pointer; } input.bton-promesse { width:220px; height:30px; font-size:12px; margin:10px 10px 0 0; float:left; padding: 5px; color:#e75414; border: 1px solid #CCCCCC; font-weight:bold; cursor:pointer; } input.bton-promesse:hover {color:#FFF; border: 1px solid #CCCCCC; background:none; background-color:#e75414; cursor:pointer; } input.read, textarea.read { background-color:#e4e4e4; } input.required, textarea.required { border:1px solid #e75414; } .validation-advice { width: 220px; margin:5px 0; padding:5px; color: #FFF; background-color: #da1c5c; } fieldset {margin-top : 30px;} .form-row { padding:5px; } .field-label { width:200px; color:#000; text-align:right; font-size:12px; padding-top: 5px;} .field-widget { margin:-18px 0 0 220px; } form {margin-bottom:80px} .adresse {margin-left:60px; font-weight:bold; padding:20px 0 10px 0; color:#969696;} /* Site out ----------------------------------------------------*/ #site-out {padding:70px; text-align:center} #site-out h2 { color:#FFF} /* -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- --------------- Css pour l'int�rieur des pages ----------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- */ /* page t�l�chargement */ #download-files ul { padding:0; margin:0; list-style-type:none; } #download-files ul li { padding:0; margin:0; float:left; } #download-files ul li a { display:block; height:250px; width:160px; margin-bottom:10px; border:1px solid #FFF; padding:10px 10px 10px 20px; margin-right:10px; } #download-files ul li a:hover { border:1px solid #ccc } /* membres fondateurs */ #download-files ul li.brochure-fondation { background:url(../images/interface/brochure-fondation.jpg) no-repeat 20px 35px; } #download-files ul li.brochure-partenariat { background:url(../images/interface/brochure-partenariat.jpg) no-repeat 20px 35px; } #download-files ul li.brochure-chaire { background:url(../images/interface/brochure-chaire.jpg) no-repeat 20px 35px; } #download-files ul li.brochure-bon-particulier { background:url(../images/interface/brochure-bon-particulier.jpg) no-repeat 20px 35px; } #download-files ul li.brochure-bon-entreprise { background:url(../images/interface/brochure-bon-entreprise.jpg) no-repeat 20px 35px; } /* Index Pager */ #content ul.simplePagerNav {float:right; margin:10px 0} #content ul.simplePagerNav li{ display:block; floaT: left; margin: 10px 2px; padding:0; background:none; } #content ul.simplePagerNav li a { color: #000; text-decoration: none; padding: 5px 7px; background:#edecda; font-weight: bold;} #content ul.simplePagerNav li a:hover { background: #E75414; color: #fff; text-decoration: none; } #content ul.simplePagerNav li.currentPage a { background: #E75414; color: #fff; } /*table.pageme { border-collapse: collapse; border: 1px solid #ccc; } table.pageme td { border-collapse: collapse; border: 1px solid #ccc; }*/