/* Reset */ * {margin: 0; padding: 0;} p {margin-bottom: 1.2em;} ul, ol {margin: 0 0 1.2em 1.5em;} a img{border: 0;} /* Séparation de langue body.fr = Français body.en = Anglais */ /* Layout */ body {margin: 0; padding: 0; font-family: arial; font-size: 0.75em; background: #fff url(/img/layout/background.png) center top;} #backgroundContainer {background: transparent url(/img/layout/background-accueil.png) center top no-repeat; min-height: 1100px;} #backgroundContainer2 {width: 984px; margin: 0 auto; position: relative;} #container {margin: 0 2px; background: #fff url(/img/layout/header-defaut.png) left top no-repeat;} #header {height: 274px; z-index: 18; position: relative; overflow: visible;} #logo {} #logo a{background: url(/img/layout/logo.png) left top no-repeat; width: 234px; height: 51px; display: block; font-size: 0px; text-indent: -9999px; position: absolute; top: 60px; left: 43px; z-index: 25;} #pageTitle h1 {position: absolute; left: 260px; top: 228px; color: #fff; font-size: 1.6em;} #filAriane {position: absolute; left: 260px; top: 214px; font-size: 0.9em;} #filAriane, #filAriane a {color: #d7df5b;} #filAriane span {margin: 0 0.8em;} #mainMenu {background-color: #fff; width: 100%; height: 100px; position: absolute; top: 35px; z-index: 23;} #mainMenu ul {margin-left: 0; position: absolute; top: 40px; right: 0px;} #mainMenu ul li {width: 130px; list-style: none; background: url(/img/layout/mainMenuSeparator.png) top left no-repeat; height: 60px; padding-left: 2px; padding-right: 1px; display: inline;float: left; position: relative;} #mainMenu ul li a {display: block; padding: 0 10px; color: #777777; font-style: italic; height: 60px; font-size: 0.9em} #mainMenu ul li a:first-line {text-transform: uppercase; font-style: normal; font-size: 1.3em;} #mainMenu li a:hover, #mainMenu li a:active {background: url(/img/layout/mainMenuHover.png) top left repeat-x; color: #00adee;} #mainMenu li.selected a {background: url(/img/layout/mainMenuSelected.png) top left repeat-x; color: #474747;} #mainMenu #mmPartage a {padding-right: 23px !important;} #mainMenu #mmDemande a {padding-right: 42px !important;} #mainMenu #mmAboutUs a {padding-right: 35px !important;} #header #mainMenu ul ul {width: auto; height: auto; position: static; top: 0 !important; margin: 0; position: relative; left: -1px !important;} #mainMenu ul ul li {background-color: #fff; height: auto; width: 220px; position: static; top 0; margin: 0; padding: 0; display: block; float: none;} #mainMenu ul ul li:first-child {background: #fff url(/img/layout/MainMenu-DropDown-Top.png) top repeat-x;} #mainMenu ul ul li a {color: #4c4c4c; font-style: normal; font-weight: bold; height: auto; padding: 12px 25px 12px 15px; border-bottom: 1px #ccc dotted;} #mainMenu ul ul li a:first-line {text-transform: none; font-size: 1em;} #mainMenu ul ul li a:hover {background: #00adee url(/img/layout/MainMenu-DropDown-Hover.png) top right no-repeat; color: #fff; text-decoration: none;} #mainMenu ul ul li:last-child a {border-bottom: 0;} #header #mainMenu #mmPartage ul {} #header #mainMenu #mmDemande ul {left: -89px !important;} #secondaryMenu {position: absolute; top: 0; right: 20px; z-index: 20px;} #secondaryMenu li {list-style: none; float: left; margin-left: 20px; line-height: 35px; height: 35px; z-index: 20px;} #secondaryMenu li a{color: #fff; line-height: 35px;} #secondaryMenu .selected {background: url(/img/layout/secondaryMenuSelected.png) center bottom no-repeat; font-weight: bold; z-index: 21;} #main {background: #fff url(/img/layout/mainBackground.png) left top repeat-y; overflow: visible; z-index: 17; position: relative;} #content {width: 740px; float: right; z-index: 17; position: relative;} #contentContainer {margin: 20px 180px 20px 20px; position: relative;} #side {width: 240px; float: left; padding: 17px 0;} #sectionMenu {margin-left: 20px; width: 203px;} #sectionMenu ul {margin-left: 0;} #sectionMenu li {list-style: none; margin-bottom: 2px; background-color: #fff; padding: 8px 10px; line-height: 1.3;} #sectionMenu a {color: #4c4c4c; font-weight: bold; font-size: 0.9em; display: block;} #sectionMenu .selected {margin-right: -17px; padding-right: 27px; background: #fff url(/img/layout/sectionMenuSelected.png) 204px center no-repeat;} #sectionMenu .selected a {color: #94258a;} #footer {color: #fff; background-color: #2f5b7d; line-height: 40px; font-size: 0.8em; position: relative; z-index:10000; } #technicalMenu ul {margin-left: 20px;} #technicalMenu li {list-style: none; display: inline; margin-right: 15px;} #technicalMenu a {color: #fff;} #copyright {position: absolute; top: 0; right: 20px;} /* Mise en page contenu */ #content {color: #333;} #content h2 {color: #00adee; margin: 1.5em 0 0.5em 0; font-size: 1.5em; font-weight: bold;} #content h3 {color: #00adee; /*margin: 1.5em 0 0.2em 0;*/ font-size: 1.25em; font-weight: bold;} #content h4 {margin: 0.5em 0 0.2em 0; font-size: 1.1em; font-weight: bold;} #content ul li {list-style-image: url(/img/layout/listItem.png); margin-bottom: 0.3em;} #content a {color: #333;} #content a:hover {color: #00adee;} #content table * {position: static;} #content table, #content td, #content th {padding: 0.5em; border: 1px solid #2f5b7d; vertical-align: top; border-collapse: collapse; position: static;} #content th {background-color: #2f5b7d; color: #fff; border-right: 1px solid #fff;} #content th:last-child {border-right: 0;} /* Lien de navigation */ #mainMenu a, #sectionMenu a, #secondaryMenu a, #technicalMenu a , #filAriane a{text-decoration: none;} #mainMenu a:hover, #mainMenu a:active, #sectionMenu a:hover, #sectionMenu a:hover, #secondaryMenu a:hover, #secondaryMenu a:active, #technicalMenu a:hover, #technicalMenu a:active , #filAriane a:hover, #filAriane a:active {text-decoration: underline;} /* Boutons */ a.bouton {width: 209px; height: 81px; display: block; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; font-size: 0; margin: 0 0 11px 15px;} #boutonDemande {background-image: url(/img/layout/boutons/DemandeDeSoutien-209.png);} /*#boutonDemande:hover, #boutonDemande:active {background-image: url(/img/layout/boutons/DemandeDeSoutien-209-hover.png);}*/ #boutonRecrute {background-image: url(/img/layout/boutons/AERecrute-209.png);} /*#boutonRecrute:hover, #boutonRecrute:active {background-image: url(/img/layout/boutons/AERecrute-209-hover.png);}*/ #boutonFacebook {background-image: url(/img/layout/boutons/AdepteFacebook-209.png);} /*#boutonFacebook:hover, #boutonFacebook:active {background-image: url(/img/layout/boutons/AdepteFacebook-209-hover.png);}*/ /* Boutons Accueil */ #PageAccueil a.bouton {width: 256px; height: 99px; margin-left: 30px;} #PageAccueil #boutonDemande {background-image: url(/img/layout/boutons/pub_demande_fr.png); height:141px;} /*#PageAccueil #boutonDemande:hover, #PageAccueil #boutonDemande:active {background-image: url(/img/layout/boutons/DemandeDeSoutien-hover.png);}*/ #PageAccueil #boutonRecrute {background-image: url(/img/layout/boutons/AERecrute.png); margin-bottom: 1px;} /*#PageAccueil #boutonRecrute:hover, #PageAccueil #boutonRecrute:active {background-image: url(/img/layout/boutons/AERecrute-hover.png);}*/ #PageAccueil #boutonFacebook {background-image: url(/img/layout/boutons/AdepteFacebook.png);} /*#PageAccueil #boutonFacebook:hover, #PageAccueil #boutonFacebook:active {background-image: url(/img/layout/boutons/AdepteFacebook-hover.png);}*/ #PageAccueil #boutonTousPourEux {background-image: url(/img/layout/boutons/pub_tous_fr.png); height: 171px; margin:0 0 10px 33px; } /* Background par section */ #APropos #backgroundContainer {background-image: url(/img/layout/background-apropos.png);} #APropos #container {background-image: url(/img/layout/header-apropos.png);} #Mobilisation #backgroundContainer {background-image: url(/img/layout/background-mobilisation.png);} #Mobilisation #container {background-image: url(/img/layout/header-mobilisation.png);} #Partage #backgroundContainer {background-image: url(/img/layout/background-partage.png);} #Partage #container {background-image: url(/img/layout/header-partage.png);} #Demande #backgroundContainer {background-image: url(/img/layout/background-demande.png);} #Demande #container {background-image: url(/img/layout/header-demande.png);} /* --- Pour nous joindre */ #map {width: 370px; height: 300px; background-color: #eff; float: right; position:relative; right: -150px;} /* --- Carte des communaute */ #legendMap {width: 180px; height: 121px; float: right; position:relative; right: -100px;} /* --- Accueil --- */ #PageAccueil #container {background-image: url(/img/layout/header-accueil.png);} #PageAccueil #header { height: 320px;} #PageAccueil #main {background: #fff url(/img/layout/mainAccueilBackground.png) right top repeat-y;} #PageAccueil #content {width: 660px; float: left; margin-top: -184px;} #PageAccueil #contentContainer {margin: 20px 20px 20px 20px;} #PageAccueil #side {width: 320px; float: right; padding: 0; margin-bottom: 15px;} #PageAccueil #side h2 {color: #fff; font-size: 1.8em; position: absolute; top: -40px; width: 320px; text-align: center; position: absolute; top: -50px; width: 320px; height: 50px; background: url(/img/layout/titre-communautesalacarte.jpg) top left no-repeat; font-size: 0; text-indent: -9999px;} #PageAccueil #side h2 span {font-size: 0.80em; font-style: italic;} #PageAccueil #carte {margin-bottom: 1em;} #vedettes {width: 606px; height: 362px; padding: 7px; margin: 0 0 2.5em 0; z-index: 22; background-color: #fff;} #vedettesPager { width: 214px; height: 32px; position: absolute; top: 336px; margin: 0; padding: 0 0 0 158px; list-style: none; background-color: #416a88; filter:alpha(opacity=90); opacity:0.9; z-index: 22; } #content #vedettesPager div {list-style: none; margin:10px 0 0 0; padding: 0; display: block; width: 23px; text-align:center; line-height: 24px; float:left; } /*#content #vedettesPager div a { background-image: url("/img/layout/boutons/bt_on.png"); }*/ /* #content #vedettesPager .selectedTab { text-align:center; height:30px; } #content #vedettesPager .unselectedTab { text-align:center; height:30px; } #content #vedettesPager div.selectedTab a { background-image: url("/img/layout/boutons/bt_on.png"); background-repeat:no-repeat; background-position:center top; } #content #vedettesPager div.unselectedTab a { background-image: url("/img/layout/boutons/bt_off.png"); background-repeat:no-repeat; background-position:center top;} #content #vedettesPager div.unselectedTab img { padding:0; } #content #vedettesPager div.selectedTab img {padding:0; } */ #content #vedettesPager .selectedTab { background-image: url("/img/layout/boutons/bt_on.png"); background-repeat:no-repeat; background-position:center top;} #content #vedettesPager .unselectedTab { background-image: url("/img/layout/boutons/bt_off.png"); background-repeat:no-repeat; background-position:center top; } #content #vedettesPager .unselectedTab img { padding:0; } #vedettes .vedette {width: 606px; height: 361px; position:relative; display: block;} #vedettes .vedette * {z-index: 22;} #vedettes .vedette img {position: relative; z-index: 21; } .vedetteContainer { width: 234px; height:361px; position: absolute; bottom: 0; right: 0; background-color: #932489; filter:alpha(opacity=85); opacity:0.85; /*height:281px;*/ vertical-align: middle; } .vedetteContainer *{ filter:alpha(opacity=100) !Important; opacity:1 !Important; } #content .vedetteContainer h3 { /*margin: 0 0 1px 0;*/ padding:104px 15px 0px 20px; /*#681a61; filter:alpha(opacity=80); opacity:0.8;*/} /*#content .vedetteContainer h3 a {color: #fff; filter:alpha(opacity=100); opacity:1.0; text-decoration: none;}*/ #content .vedetteContainer h3 a {color: #fff; text-decoration: none;} #content .vedetteContainer h3 a:hover, #content .vedetteContainer h3 a:active {text-decoration: underline;} #content .vedetteContainer h3 img {margin-right: 8px; vertical-align: middle;} #content .vedetteContainer p {margin: 0;} .vedetteContent { } .vedetteContent .separation { margin-left:22px; margin-top:17px; align:right; background-color:#CC9AC8; height:1px; } .vedetteContentContainer {color: #fff; padding: 15px 24px; filter:alpha(opacity=100); opacity:1.0; /*font-size:0.75em;*/ } #content .vedetteContentContainer .plus { /*background: url(/img/layout/vedette-plus.png) left center no-repeat; padding-left: 30px; */ margin: 1em 0 0.5em 0; display: block; color: #d7df5b; text-transform: uppercase; text-decoration: none; /*font-size: 0.8em;*/ } #content .vedetteContentContainer .plus:hover, #content .vedetteContentContainer .plus:active {text-decoration: underline;} #autresNouvelles {margin-bottom: 3em;overflow: auto;} #autresNouvelles .nouvelle {width: 200px; border-left: 1px dotted #94258a; float: left; color: #999999;} #autresNouvelles .nouvelle h3, #autresNouvelles .nouvelle .nouvelleContainer {margin-left: 20px; width: 160px;} #content .nouvelle h3 {font-size: 1.1em; margin-top: 0;} #content .nouvelle h3 a {color: #94258a; text-decoration: none;} #content .nouvelle h3 a:hover, #content .nouvelle h3 a:active{text-decoration: underline;} #content .nouvelle .plus { background: url(/img/layout/nouvelle-plus.png) left center no-repeat; padding-left: 30px; margin: 1em 0 0.5em 0; display: block; color: #94258a; text-transform: uppercase; text-decoration: none; font-size: 0.8em;} #content .nouvelle .plus:hover, #content .nouvelle .plus:active {text-decoration: underline;} /* Demande de soutien */ #zoneBoite {position: relative;} #Demande .boite {width: 306px; height: 276px; position: relative; margin-bottom: 1.8em;} #Demande .boite h3 {display: none;} #Demande #content .boite p {padding: 100px 82px 0 27px; margin: 0; line-height: 1.7; font-style: italic; color: #333;} #Demande #content .boite a {color: #fff; text-transform: uppercase; text-decoration: none; position: absolute; top: 252px; margin-left:16px; font-size: 0.8em; font-weight: bold;} #Demande #content .boite a:hover {text-decoration: underline;} #Demande .boite .criteres {left: 20px;} #Demande .boite .contact {right: 20px;} #Demande #boiteCommunaute {background: url(/img/layout/Demande-Communaute.png) top left no-repeat;} #Demande #boiteConnaissances {background: url(/img/layout/Demande-Connaissances.png) top left no-repeat; position: absolute; top: 0; left: 321px;} /*Shadows */ #mainMenu { -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; behavior: url(/css/PIE-1beta3/PIE.htc); } #mainMenu ul ul { -moz-box-shadow: 0px 4px 4px #666; -webkit-box-shadow: 0px 4px 4px #666; box-shadow: 0px 4px 4px #666; /*behavior: url(/css/PIE-1beta3/PIE.htc);*/ } #main , #footer { -moz-box-shadow: 0px 2px 3px #666; -webkit-box-shadow: 0px 2px 3px #666; box-shadow: 0px 2px 3px #666; behavior: url(/css/PIE-1beta3/PIE.htc); } #vedettes { -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; behavior: url(/css/PIE-1beta3/PIE.htc); } /* Accueil - Nouvelles */ .accueil-nouvelles { width:378px; float:left; } .accueil-nouvelles .titre-nouvelles { border-bottom-style:dotted; border-width:1px; border-color:#CCCCCC; padding:0 0 13px 0; } .accueil-nouvelles .titre{ color:#94258a!Important; padding:7px 0 0 0; font-size:12px; } .accueil-nouvelles .boite-nouvelle { height:118px; padding:0; margin:15px 0 15px 0; border-bottom-style:dotted; border-width:1px; border-color:#CCCCCC; } .accueil-nouvelles .boite-nouvelle .contenant { padding:4px; margin:0 4px 0 0; } .accueil-nouvelles .boite-nouvelle .contenant .image { float:left; } .accueil-nouvelles .boite-nouvelle .contenant .description { margin:0 0 0 107px } .accueil-nouvelles .boite-nouvelle .contenant .description a{ text-decoration:none; } .accueil-nouvelles .boite-nouvelle .contenant .titreNouvelle a{ color:#94258a!Important; font-size:13px; font-weight:bold;} .accueil-nouvelles .boite-nouvelle .contenant .description .texte-presentation { color:#BCBABA !Important; padding:7px 0 7px 0; } .accueil-nouvelles .boite-nouvelle .contenant .description .plus { background: url(/img/layout/nouvelle-plus.png) left center no-repeat; padding-left: 30px; margin: 0 0 0.5em 0; display: block; color: #94258a; text-transform: uppercase; text-decoration: none; font-size:9px; font-weight:bold; } .accueil-nouvelles #onglet-archives { margin-top:-15px; } /* Accueil - Vidéo */ #BoxVideoAccueil{float:left; } #contenant { width:241px; border-left: 1px dotted #ccc;} #BoxVideoAccueil #contenant .titre{color:#04aeed; font-size:12px; padding:7px 0 13px 13px; border-bottom: 1px dotted #ccc; width:226px;} #BoxVideoAccueil #contenant .boxVideo{width:225px; height:113px; margin:14px 0 0 14px; } #BoxVideoAccueil #contenant .boxVideo .imgvideo{float:left;} #BoxVideoAccueil #contenant .boxVideo .contenu{float:left; width:74px; height:53px; background-color:#2e5b7c; color:#fff; text-align:right; padding:10px;} #BoxVideoAccueil #contenant .boxVideo .contenu .temps{font-size:14px; font-weight:bold;} #BoxVideoAccueil #contenant .boxVideo .contenu .date{font-size:12px;} #BoxVideoAccueil #contenant .boxVideo .titreVideo{margin-top:8px;} #BoxVideoAccueil #contenant .boxVideo .titreVideo a{font-weight:bold; color:#04aeed; font-size:13px; text-decoration:none;} #BoxVideoAccueil #contenant .boxVideo .RondVideo{position:absolute; margin:23px 0 0 116px;} #BoxVideoAccueil #contenant .ligneSep{border-bottom: 1px dotted #ccc; height:1px; margin:5px 0; width:225px;} #onglet-gallerie { margin-top:-5px; } .spacer{clear:both; height:1px; margin:0; padding:0;} /* Section - Nouveles */ .section-nouvelles { width:640px; float:left; } .section-nouvelles .titre{ color:#94258a!Important; padding:7px 0 0 0; font-weight:bold; font-size:12px; } .section-nouvelles .boite-nouvelle { height:118px; padding:0; margin:15px 0 15px 0;/* border-bottom-style:dotted; border-width:1px; border-color:#CCCCCC;*/ } .section-nouvelles .boite-nouvelle .contenant { padding:4px; margin:0 4px 0 0; } .section-nouvelles .boite-nouvelle .contenant .image { float:left; } .section-nouvelles .boite-nouvelle .contenant .description { margin:0 0 0 106px; } .section-nouvelles .boite-nouvelle .contenant .description a{ text-decoration:none; } .section-nouvelles .boite-nouvelle .contenant .titreNouvelle a{ color:#04AEED!Important; font-size:13px; font-weight:bold;} .section-nouvelles .boite-nouvelle .contenant .description .texte-presentation { /*color:#BCBABA !Important;*/ padding:5px 0 7px 0; } .section-nouvelles .boite-nouvelle .contenant .description .plus { background: url(/img/layout/nouvelle-plus.png) left center no-repeat; padding-left: 30px; margin: 0 0 0.5em 0; display: block; color: #94258a; text-transform: uppercase; text-decoration: none; font-size:9px; font-weight:bold; } .section-nouvelles .boite-nouvelle .contenant #date-nouvelle { background:url(/img/layout/bg-points.gif) left center no-repeat; z-index: 22; padding:3px 0 0 0; } .section-nouvelles .boite-nouvelle .contenant #date-nouvelle #date { z-index: 22; position:absolute; margin:-3px 0 0 0; background-color:#fff; width:58px; font-style:italic; font-size:10px; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */