/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */ * {margin: 0;padding: 0;} body {font-family: Arial, Helvetica, sans-serif;font-size: .9em;margin: 0;padding: 0;background:#4e5160;background-repeat:repeat-x;} img {border: 0 none;} h1 {font-size: 2em;} h2 {font-size: 1.6em;} h3 {font-size: 1.4em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;font-weight: normal;} h6 {font-size: .9em;font-weight: normal;} div {background-color:transparent;} p {text-align: left;} strong {} a:link, a:active, a:visited {text-decoration: underline;} a:hover {text-decoration: underline;} ul, li, dl, dt, dd {list-style-type: none;} abbr, acronym {border-bottom: 1px dotted #333333;cursor:help;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block} /* //////////////////////////////////////////////////////// GESTION DES DIV /////////////////////////////////////////////////////// */ div#container {width: 938px;margin-left: auto;margin-right:auto;margin-top: 0;padding: 0;text-align: left;/*background:url(../images/maquette.jpg) no-repeat;height:1200px;*/} /* --------------------------------------------------- Liens Evitement ------------------------------------------------------------*/ div#liens-evitement {display:none;} /* -------------------------------------------------------- Header -----------------------------------------------------------------*/ div#header {float:left;width:938px;position:relative;height:222px;z-index:10;} div#header h1 {position:absolute;right:39px;top:100px;width:404px;height:77px;z-index:10;} div#header h2 {color:#FFFFFF;font-size:0.9em;font-weight:normal;letter-spacing:-0.01em;padding:23px 0 0 10px;float:left;} div#header div#mainnav {float:right;height:52px;position:relative;z-index:20;} div#header div#mainnav ul {padding:24px 0 0;} div#header div#mainnav ul li {float:left;padding:0px;color:#FFFFFF;font-size:.9em;} div#header div#mainnav ul li a {color:#FFFFFF;text-decoration:none; border-right:1px solid #454545; padding: 0px 10px} div.homeHeader div#mainnav ul li a.menuAccueil{color:#040406 !important;} div#header div#mainnav ul li a.active{color:#040406;} div#header div#mainnav ul li:last a { border-right:none; } div#header div#mainnav ul li a:hover {color:#040406;} div#header div#mainnav ul li ul{padding:0px;opacity:0.95;} div#header div#mainnav ul li ul li {display:inline;float:left;clear:left;width:100%} div#header div#mainnav ul li ul li a{color:#ffffff;text-decoration:none;font-size:1em;padding: 4px 10px;border:none;display:block;} div#header div#mainnav ul li ul li a:hover{color:#000000;} div#metanav-container { float:right; text-align:right; margin:0 0 0 0px;clear:right;width:624px;} /*div#langues {float:left; color:#FFF; font-size:.65em; width:60px; position:relative; z-index:11} div#langues ul { display:inline; margin-right:8px; float:right} div#langues ul li {color:#FFF; padding: 5px 0 0 0} div#langues ul li a {color:#FFF; text-decoration:none}*/ div#header div#metanav {float:none;color:#cdcdce;position:relative;z-index:10;width:100%;} div#header div#metanav p {float: right; color:#FFF; font-size:.7em; margin: 5px 10px 0 0;} div#header div#metanav p a {color:#FFF; text-decoration:none} div#header div#metanav ul {background:#505051;float:right;height:21px;overflow:hidden;padding:5px 10px 0;white-space:nowrap;} div#header div#metanav ul li {display:inline;float:none;padding:0 0 0 6px;font-size:0.75em; border-left:1px solid #000} div#header div#metanav ul li:first-child {border-left:0px none} div#header div#metanav ul li a {color:#cdcdce;text-decoration:none;margin:0 4px 0 0;} div#header div#metanav ul li a:hover {color:#FFF;} div#header div#metanav ul li.langue {display:inline;float:none;padding:0 0 0 6px;font-size:0.75em;} div#header div#metanav ul li.langue a {text-decoration:none;margin:0;} div#header div#metanav ul li.langue a:hover {color:#FFF !important;} body.bleu div#header div#metanav ul li.langue a {color:#478fb3;} body.jaune div#header div#metanav ul li.langue a {color:#f79500;} body.turquoise div#header div#metanav ul li.langue a {color:#369fa1;} body.vert div#header div#metanav ul li.langue a {color:#61bd62;} body.violet div#header div#metanav ul li.langue a {color:#7c5da7;} div#header div#portrait {clear:both;float:left;height:222px;position:absolute;width:666px;overflow:hidden;top:0;left:0px;z-index:5;} div#header div#portrait ul {height:222px;overflow:hidden;} div#header div#portrait ul li {position:relative;background:transparent !important;} div#header div#portrait ul li img {position:relative;left:90px;} div#header div#portrait ul li a {} div#header div#portrait ul li a:hover {} div#header div#portrait #controleur {left:21px;position:absolute;top:207px; z-index:987} div#header div#portrait #controleur ul {height:20px} div#header div#portrait #controleur p {float:left;margin:0 5px 0 0;font-size:0.7em;height:13px;padding:3px 7px; background:#555658 /*url(../images/controleurs.gif) no-repeat*/;height:13px;color:#A4A4A4;} div#header div#portrait #controleur p .compt_portrait {color:#FFFFFF;} div#header div#portrait #controleur p a {/*background:url(../images/controleurs.gif) no-repeat#555658;*/color:#A4A4A4;display:block;text-decoration:none;width: auto;} /*div#header div#portrait #controleur p#pause a {width:29px;background:url(../images/pause.gif) no-repeat;}*/ div#header div#portrait #controleur p a:hover, div#header div#portrait #controleur p a.actif, div#header div#portrait #controleur p#pause a {color:#FFFFFF;} div#header div#portrait #controleur p#pause a:hover {color:#A4A4A4;} div#header div#portrait span.legende {bottom:16px;color:#FFFFFF;font-size:0.8em;left:14px;position:absolute;padding:9px; width:200px} div#header #avancement {background:url(../images/avancementDons.png) no-repeat; color:#FFFFFF;font-size:0.8em;height:31px;left:668px;padding:14px 0 0;position:absolute;text-align:center;top:191px;width:219px;} div#header #avancement #fleche {background:url(../images/fleche.png) no-repeat 33px top;height:20px;left:7px;position:absolute;top:11px;width:205px;z-index:3;} div#header #avancement #wrapperBarre {width:205px;left:7px;position:absolute;top:11px;z-index:1;} div#header #avancement #wrapperBarre #barre {height:20px;} div#header #avancement #textualContent{position:relative;z-index:2;text-align:center;} /* ----------------------------------------------------- Breadcrumb ---------------------------------------------------------------*/ div#ariane {float:left;margin:0 0 30px 0;} div#ariane ul {margin:0;} div#ariane ul li {float:left;font-size:0.85em;color:#626262;background:none;padding:0;margin:0 3px 0 0;} div#ariane ul li a {text-decoration:none;color:#626262;} div#ariane ul li a:hover {} /* ------------------------------------------------------- Content -----------------------------------------------------------------*/ div#wrapperContent {float:left;clear:both;width:929px;overflow:hidden;position:relative;z-index:2;} /*opacity:0.5;*/ div#wrapperTop {float:left;background:url(../images/contentTop.png) no-repeat;clear:both;width:929px;height:19px;} div#content {background:url(../images/contentMiddle.png) repeat-y;padding:10px 0px 0 38px;overflow:hidden;width:891px;float:left;clear:both;} div#wrapperBottom {background:url(../images/contentBottom.png) no-repeat;width:929px;height:19px;float:left;clear:both;} div#content #carousel {width:853px;height:309px;background:/*#4C505C*/ #ECECEC;position:relative;margin:0 0 33px;} div#content #carousel ul#nav {float:left;width:260px;position:absolute;top:0;left:0;z-index:200;} div#content #carousel ul#nav li {width:243px;height:49px;float:left;background:#FFFFFF;} div#content #carousel ul#nav li.last {height:63px; color: #fbaa2e;} div#content #carousel ul#nav li.last a {background:/*#525561*/#3C3C3C;height:48px;padding:16px 0 0 13px;color:#fbaa2e;} div#content #carousel ul#nav li.last a.activeSlide{color:#FFF !important;} div#content #carousel ul#nav li.last a:hover {color:#FFF;} div#content #carousel ul#nav li a {background:#3C3C3C;border-top:1px solid #FFFFFF;color:#FFFFFF;float:left;font-weight:bold;height:30px;padding:10px 0 8px 13px;text-decoration:none;width:231px;} div#content #carousel ul#nav li a span {font-weight:normal;font-size:0.75em;color:#FFFFFF;} div#content #carousel ul#nav li a:hover {color:#ffffff;} div#content #carousel div#contextualContent {float:left;width:609px;overflow:hidden;height:309px;position:relative;left:244px;} div#content #carousel div#contextualContent ul {float:left;position:relative;} div#content #carousel div#contextualContent ul li {float:left;color:#FFFFFF;position:relative;} div#content #carousel div#contextualContent ul li img {float:left;} div#content #carousel div#contextualContent ul li .logoCarousel {width:267px;height:310px;overflow:hidden;float:left;} div#content #carousel div#contextualContent ul li .logoCarousel img {width:267px;} div#content #carousel div#contextualContent ul li .description {float:left;padding:0 10px 0 0;width:332px;} div#content #carousel div#contextualContent ul li .description p {color:#353535;font-size:0.8em;margin:0 0 11px;padding:0 29px 0 21px;} div#content #carousel div#contextualContent ul li .description a.more{font-size:1em !important;} div#content #carousel div#contextualContent ul li .description p strong {color:#3281a9;} div#content #carousel div#contextualContent ul li .description h3 {font-size:1.5em;font-weight:normal;padding:18px 0 0 20px;margin:0 0 4px;} div#content #carousel div#contextualContent ul li .description .soutient {background:#454545;bottom:0;font-size:1.1em;height:81px;padding:7px 0 0 9px;position:absolute;text-align:center;width:342px;} div#content #carousel div#contextualContent ul li .description .soutient a {text-decoration:none;background:transparent url(../images/btn-soutien.jpg) no-repeat scroll center top;color:#ffffff;display:block;font-size:0.8em;margin:4px auto 0;padding:2px 10px;text-align:center;width:151px; height:39px;} div#content #carousel div#contextualContent ul li .description .soutient a:hover { background: #CFCFCF none; color:#333} div#content #carousel div#contextualContent ul li .description .soutient a.donnez {background: url(../images/donnez.png) center top no-repeat;padding:12px 10px 2px 10px ;height:37px;margin:4px 5px 0 0 } div#content #carousel div#contextualContent ul li .description .soutient a strong {font-size:1.3em;} div#content #wrapperEncart {clear:both;} div#content #wrapperEncart #leftColumn {margin:0 45px 0 0;width:200px;float:left;} div#content #wrapperEncart #middleColumn {width:284px;float:left;margin:0 20px 0 0;} div#content #wrapperEncart #rightColumn {width:298px;float:left;} div#content #wrapperEncart .encart {padding:0 7px 0 0;margin:0 0 25px;} div#content #wrapperEncart .encart h3 {border-bottom:1px solid #bdbdbd;color:#3C3C3C;font-size:1em;padding:0 0 1px;margin:0 0 4px;} div#content #wrapperEncart #leftColumn .encart h4 {font-size:0.8em;} div#content #wrapperEncart .encart p {font-size:0.75em;margin:0 0 4px;} div#content #wrapperEncart .encart a {} div#content #wrapperEncart .encart a.btn {padding:4px 0 5px;display:block;font-size:0.75em;text-align:center;text-decoration:none;background:url(../images/btn.png) no-repeat;} div#content #wrapperEncart .encart a.btn:hover {color:#000000 !important;} div#content #wrapperEncart .encart ul {} div#content #wrapperEncart .encart ul li {} div#content #wrapperEncart .encart ul li a {} div#content #wrapperEncart .encart ul li a:hover {} div#content #wrapperEncart .encart .agenda {margin:13px 0 23px;clear:both;} div#content #wrapperEncart .encart .agenda .visuel {float:left;margin:0 12px 0 0;position:relative;width:89px;} div#content #wrapperEncart .encart .agenda .visuel .date{color:#FFFFFF;font-size:0.7em;line-height:1.1em;padding:3px 0;position:absolute;right:-1px;text-align:center;top:0;width:29px;z-index:2;} div#content #wrapperEncart .encart .agenda .visuel img{position:relative;z-index:1;float:left;} div#content #wrapperEncart .encart .agenda .descriptionAgenda {float:left;width:165px;} div#content #wrapperEncart .encart .agenda .descriptionAgenda p {margin:0 0 9px;} div#content #wrapperEncart .encart .agenda .descriptionAgenda h4 {font-size:0.9em;} div#content #wrapperEncart .encart .agenda .descriptionAgenda a.more {font-size:0.7em;text-decoration:none;} div#content #wrapperEncart .encart .agenda .descriptionAgenda a.more:hover {font-size:0.7em;text-decoration:underline;} a.voirTout {color:#868686;font-size:0.75em;text-decoration:none;} a.voirTout:hover {color:#000000;text-decoration:underline;} div#content #wrapperEncart .encart .temoignage {margin:0 0 10px 0; float:left; width:290px;} div#content #wrapperEncart .encart .temoignage img {float:left;margin:0 10px 0 0 } div#content #wrapperEncart .encart .temoignage .descriptionTemoignage {margin:0 0 9px;} div#content #wrapperEncart .encart .temoignage .descriptionTemoignage p {margin:0 0 9px;} div#content #wrapperEncart .encart .temoignage .descriptionTemoignage h4 {font-size:0.9em;} div#content #wrapperEncart .encart .temoignage .descriptionTemoignage .duree {color:#636363;font-size:0.6em;} div#content #wrapperEncart .encart .financement {color:#525252;font-size:0.85em;margin:20px 0 0;} div#content #wrapperEncart .encart .financement strong {color:#970019;} a.more {font-size:0.7em;text-decoration:none;display:block;} a.more:hover {font-size:0.7em;text-decoration:underline;} /* Page Interieur */ div.inside #leftColumn{float:left;width:600px;margin:0 15px 0 0;} div.inside{padding-top:15px !important;padding-bottom:20px !important;} div.inside h3 {clear:both;font-size:1.6em;margin:0 0 7px;} div.inside h4 {clear:both;color:#FFFFFF; width: 100%;padding:2px;margin:0 0 10px;} div.inside h4.soustitre {background-color: #FFF !important; color: #666; width: 100%;padding:2px;margin:-7px 0 10px 0; font-size:1.1em !important} div.inside h4 a{color:#FFF !important;text-decoration:none;} div.inside h5 {font-weight:bold;margin:5px 0;} div.inside p {margin:0 0 15px 0;color:#140905;font-size:0.8em;} div.inside a:hover {color:#140905;} div.inside ul, div.inside ol {margin:0 0 15px 20px;font-size:0.8em;clear:both;} div.inside ul {font-size:1em;margin:5px 15px 9px;font-size:0.9em;} div.inside ol li{list-style-type:decimal;margin:0 0 15px 0;} div.inside ul li {padding:0 0 0 10px;margin:0 0 5px;} div.inside ul li a {} div.inside ul li a:hover {} div.inside p img {margin:5px !important;} div.inside img {margin:5px 20px 20px 20px;} #checkMail_input-2-email_1 img{margin:0px;} .checkmail {float:left !important; text-align:center !important;width:100% !important;} table img{margin:0 !important;} .bio{padding:10px;margin:15px 0 15px 0;background:#EEEEEE;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;} .bio p{margin:0 !important;} .encartContent{padding:10px;margin:15px 0 15px;background:#EEEEEE;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;} .encartContent p{margin:0 !important;} .encartContent img{margin:5px 20px 5px !important;position:relative;} .axe {padding:8px;margin:0 0 10px 0;} .axe p, .bio ul{margin-bottom:0 !important;} .axe li{margin:2px 0 0 0;} .axe h4 {margin:0 0 5px 0;} .axe h5{margin:15px 0 0 0 ;} .axe1 {background:#EEEEEE;border-top:1px dashed #478fb3;border-bottom:1px dashed #478fb3;} .axe2 {background:#EEEEEE;border-top:1px dashed #fbaa2e;border-bottom:1px dashed #fbaa2e;} .axe3 {background:#EEEEEE;border-top:1px dashed #369fa1;border-bottom:1px dashed #369fa1;} .axe4 {background:#EEEEEE;border-top:1px dashed #61bd62;border-bottom:1px dashed #61bd62;} .axe5 {background:#EEEEEE;border-top:1px dashed #7c5da7;border-bottom:1px dashed #7c5da7;} .axe1 h4 {background:#478fb3 !important;} .axe2 h4 {background:#fbaa2e !important;} .axe3 h4 {background:#369fa1 !important;} .axe4 h4 {background:#61bd62 !important;} .axe5 h4 {background:#7c5da7 !important;} .select_1{padding:8px;margin:0 0 10px 0;background:#EEEEEE;width:489px !important;} .select_1 ul {} .select_1 ul li{display:block;float:left;clear:both;} .select_1 #input-2-select_1{width:240px;} .select_1 span.spip_form_label .label {float:left;font-size:1em;font-weight:bold;margin:0 0 10px 0;} ul.spip_form_choix_unique{margin:11px 0 15px 0;} ul.spip_form_choix_unique li{margin:0 0 8px 0;background:none !important;} ul.spip_form_choix_unique li input{float:right;width:auto;} ul.spip_form_choix_unique li label{float:left !important;margin:0 5px 0 0; } /* formulaire */ div.date-picker-holder {float:left;} span.spip_form_label_details{font-size:0.7em; display:none} div.spip_form_champ {clear:both;float:left;width:610px;margin:0 0 13px;} div.spip_forms, div.spip_forms fieldset{ border:none; padding:0px; margin:0px; } div.spip_forms fieldset legend{ display:none; } #var_login,#password, div.spip_forms fieldset input, div.spip_forms fieldset textarea{ background:#FFFFFF; border:solid 1px #0475ad; } div.spip_bouton input{background:#4E5160 ; border:#0475ad solid 1px; color:#FFFFFF; font-weight:bold;width:auto !important ;margin:0 0 10px 232px; padding:6px 20px !important;cursor:pointer; } div.spip_forms fieldset .spip_form_label_obligatoire {margin:0 3px 0 0 ;} div.spip_forms fieldset label {float:left;width:220px;text-align:right;padding-right:5px;margin:0 0 0px;} div.spip_forms fieldset textarea {width:360px;height:125px;border:1px solid #E3E3E3;background-color:#FAFAFA;} div.spip_forms fieldset input.saisie {width:360px;border:1px solid #E3E3E3;background-color:#FAFAFA;} div.spip_forms fieldset input.submit {width:100px;border:1px solid #E3E3E3;background-color:#FAFAFA;margin:0px 0px 10px 230px;} .erreur {font-size:0.7em;color:#F00;font-style:italic;} p.spip_form_ok{margin:10px 0;} #formulaire_login{} #formulaire_login legend{clear:both;color:#FFFFFF;margin:0 0 10px;padding:2px;width:100%;} #formulaire_login fieldset {border:0;} #formulaire_login .boutons input {background:none repeat scroll 0 0 #4E5160;border:1px solid #0475AD;color:#FFFFFF;cursor:pointer;font-weight:bold;margin:0 0 10px 232px;padding:3px 10px !important;width:auto !important;} #session_remember{float:left;width:auto !important;margin:0 5px 0 0;} #formulaire_login .choix{clear:both;} .select_1 ul.spip_form_choix_unique li {width:250px;} .select_1 ul.spip_form_choix_unique {margin:0px !important;} .editer_session .nofx{clear:none;float:left;} .editer_login{} .editer_password label, .editer_login label{width:200px !important;} #input-4-select_1_1, #input-4-select_1_2{border:0;background:none;} a#deconnexionExtranet{background:#505051;padding:2px 5px;text-decoration:none;color:#E5E5E5;display:inline-block;margin:5px 0 10px 0} a#deconnexionExtranet:hover{background:#E5E5E5;color:#505051;} div.inside form {margin:20px 0 0 0;font-size:0.8em;} div.inside label{clear:left;display:block;float:left;margin:0 0 13px;width:170px;} div.inside input{float:left;width:180px;} div.inside textarea{float:left;width:180px;} div.inside .btn_valider{background:#666666;border:0 none;clear:left;color:#FFFFFF;cursor:pointer;display:block;padding:2px 9px;width:auto;margin:5px 0 0 278px;} div.inside table{color:#3D3D40;border-width: 0px;border-spacing: 1px;border-style: none;border-color: gray;border-collapse: separate;background-color: #ffffff;} div.inside table th {border-width: 0px;padding: 5px;border-style:none;border-color: gray;background-color: #E5E5E5;-moz-border-radius: 0px;} div.inside table td {border-width: 0px;padding: 5px;border-style: inset;border-color: gray;background-color: #E5E5E5;-moz-border-radius: 0px;} div.inside #bottomContent {float:left;width:615px} div.inside #bottomContent img {margin:0px;} div.inside ul.services {float:left;width:250px;margin:0 40px 0 0 ;padding:5px 0 0 0} div.inside ul.services li {float:left;background:none !important;font-size:0.85em;padding:0;} div.inside ul.services li a{text-decoration:none;margin:0 4px;} div.inside ul.services li a:hover{text-decoration:underline;} div.inside ul.partager {background:#e5e5e5;padding:5px 10px 0px 2px ;float:left;margin:0 0 20px 0 ;clear:none; display:none} div.inside ul.partager li {float:left;background:none;font-size:0.9em;margin:0 0 2px;} div.inside ul.partager li a{text-decoration:none;} div.inside ul.partager li a.envoyerMail{background:url(../images/envoyerAmi.png) left top no-repeat;height:16px;padding:2px 0 0 19px;display:block;font-size:0.85em;} div.inside ul.partager li a:hover{} div.inside #rightColumn{float:left;} div.inside #rightColumn .encartsCol{} div.inside #rightColumn .encartsCol .colTop {width:246px;background:url(../images/colTop.jpg) no-repeat;height:8px;} div.inside #rightColumn .encartsCol .colContent {background:#e5e5e5;width:216px;padding:0 15px;} div.inside #rightColumn .encartsCol .colBottom {width:246px;background:url(../images/colBottom.jpg) no-repeat;height:8px; margin: -3px 0 0 0} div.inside #rightColum p.donation { margin: 4px 0} div.inside p.donation img { margin: 0px !important;} div.inside #rightColumn .encartsCol img{margin:0;} #agendaCampagne, #dons {margin:0 0 15px} div.inside #rightColumn .jour{clear:both;} div.inside #rightColumn .descriptionAgenda{width:170px;float:left;margin:0 0 0 13px;} div.inside #rightColumn .date{color:#FFFFFF;font-size:0.7em;line-height:1.1em;padding:3px 0;text-align:center;width:29px;float:left;} div.inside #rightColumn h3 {border-bottom:1px solid #BDBDBD;color:#3C3C3C;font-size:.85em;margin:0 0 10px;padding:0 0 1px;} div.inside #rightColumn h4 {font-size:0.8em;background:#E5E5E5 !important;margin:0;} div.inside #rightColumn p {color:#3d3d40;font-size:0.75em;margin: 0 0 3px 0} div.inside #rightColumn a.more{margin:0 0 10px 0} div.inside #rightColumn ul.secondNav {margin:10px 0 20px 10px;width:240px;} div.inside #rightColumn ul.secondNav li {margin:0 0 7px; list-style:none !important} div.inside #rightColumn ul.secondNav li a {text-decoration:none;} div.inside #rightColumn ul.secondNav li a:hover {color:#000;} div.inside #rightColumn ul.secondNav li a.actif {color:#FFFFFF; padding: 2px} div.inside #rightColumn ul.secondNav li ul {margin:5px 0 5px 10px;} div.inside #rightColumn ul.secondNav li ul li{} div.inside #rightColumn ul.secondNav li ul li a {} div.inside #rightColumn ul.secondNav li ul li a:hover {color:#000;} div.inside #rightColumn ul.secondNav li ul li a.actif {color:#000; background-color:#FFF !important} #dons a.btn {padding:4px 0 5px;display:block;font-size:0.75em;text-align:center;text-decoration:none;background:url(../images/btn2.png) no-repeat;width:193px;} #dons a.btn:hover {color:#000000 !important;} /* plugin Spip Video */ .spip_doc_titre {margin:5px 0 20px 0;} .spip_form_label_details { display:none !important} .textestatique { font-weight:bold !important} /* ---------------------------- ------------------------ Print and top --------------------------------------------------------------*/ #services {float:left;} /* plan du site */ .planSite {} .planSite h4 {margin:0 0 10px 0} .planSite h4 a {color:#A4A4A4 !important;text-decoration:none;} .planSite h4 a:hover{color:#000 !important;} .planSite ul {margin:4px 0 10px 10px !important;font-size:0.9em !important;} .planSite ul li {margin:3px 0;} .planSite ul li a {text-decoration:none;color:#474747;} .planSite ul li a:hover {color:#A4A4A4 !important;} .planSite ul li ul li {margin:0px;} /* -------------------------------------------------------- Footer -----------------------------------------------------------------*/ div#footer { float:left;padding:31px 0 0 0px;width:100%;} div#footer #wrapperFooter {margin:0 auto;width:915px;} div#footer .footerLinks {clear:both;height:20px;margin:21px 0 0;padding:16px 0 0;} div#footer .footerLinks .links {width:938px;margin:0 auto;} div#footer .footerLinks .links span {color:#FFFFFF;font-size:.75em;} div#footer .footerLinks .links span.left{float:left;} div#footer .footerLinks .links span.right{float:right;} div#footer .footerLinks .links span a{color:#FFFFFF;font-size:1em;text-decoration:none;} div#footer .footerLinks .links span a:hover{text-decoration:underline;} div#footer ul {float:left;margin:0 70px 0 0;} div#footer ul li {background:transparent url(../images/raquo.gif) no-repeat left 7px;margin:0 0 2px;padding:0 0 0 10px;} div#footer ul li a {color:#FFFFFF;text-decoration:none;font-size:.8em;} div#footer ul li a:hover {text-decoration:underline;} /* //////////////////////////////////////////////////// GESTION DES FORMULAIRES /////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////// GESTION DU PLAN DU SITE /////////////////////////////////////////////////// */ /* Couleurs en fonction du montant des dons */ /* classes : 1 bleu : #478fb3 2 jaune : #f79500 3 turquoise : #369fa1 4 vert : #61bd62 5 violet : #7c5da7 */ /*Background*/ body.bleu {background-image:url(../images/bg1.jpg);} body.jaune {background-image:url(../images/bg2.jpg);} body.turquoise {background-image:url(../images/bg3.jpg);} body.vert {background-image:url(../images/bg4.jpg);} body.violet {background-image:url(../images/bg5.jpg);} /*Mobilisez vous*/ body.bleu div#content #carousel ul#nav li a.mobilisezVous {color:#478fb3;} body.jaune div#content #carousel ul#nav li a.mobilisezVous {color:#f79500;} body.turquoise div#content #carousel ul#nav li a.mobilisezVous {color:#369fa1;} body.vert div#content #carousel ul#nav li a.mobilisezVous {color:#61bd62;} body.violet div#content #carousel ul#nav li a.mobilisezVous {color:#7c5da7;} body.bleu div#content #carousel ul#nav li a.mobilisezVous:hover {color:#FFFFFF;} body.jaune div#content #carousel ul#nav li a.mobilisezVous:hover {color:#FFFFFF;} body.turquoise div#content #carousel ul#nav li a.mobilisezVous:hover {color:#FFFFFF;} body.vert div#content #carousel ul#nav li a.mobilisezVous:hover {color:#FFFFFF;} body.violet div#content #carousel ul#nav li a.mobilisezVous:hover {color:#FFFFFF;} /*Hover Carousel*/ body.bleu div#content #carousel ul#nav li a:hover {background:#478fb3;} body.jaune div#content #carousel ul#nav li a:hover {background:#f79500;} body.turquoise div#content #carousel ul#nav li a:hover {background:#369fa1;} body.vert div#content #carousel ul#nav li a:hover {background:#61bd62;} body.violet div#content #carousel ul#nav li a:hover {background:#7c5da7;} body.bleu div#content #carousel ul#nav li a.activeSlide {background:#478fb3;} body.jaune div#content #carousel ul#nav li a.activeSlide {background:#f79500;} body.turquoise div#content #carousel ul#nav li a.activeSlide {background:#369fa1;} body.vert div#content #carousel ul#nav li a.activeSlide {background:#61bd62;} body.violet div#content #carousel ul#nav li a.activeSlide {background:#7c5da7;} body.bleu div#content #carousel ul#nav li:hover {background:url(../images/flecheHover1.png) no-repeat 243px center;width:260px;} body.jaune div#content #carousel ul#nav li:hover {background:url(../images/flecheHover2.png) no-repeat 243px center;width:260px;} body.turquoise div#content #carousel ul#nav li:hover {background:url(../images/flecheHover3.png) no-repeat 243px center;width:260px;} body.vert div#content #carousel ul#nav li:hover {background:url(../images/flecheHover4.png) no-repeat 243px center;width:260px;} body.violet div#content #carousel ul#nav li:hover {background:url(../images/flecheHover5.png) no-repeat 243px center;width:260px;} body.bleu div#content #carousel ul#nav li.actif {background:url(../images/flecheHover1.png) no-repeat 243px center;width:260px;} body.jaune div#content #carousel ul#nav li.actif {background:url(../images/flecheHover2.png) no-repeat 243px center;width:260px;} body.turquoise div#content #carousel ul#nav li.actif {background:url(../images/flecheHover3.png) no-repeat 243px center;width:260px;} body.vert div#content #carousel ul#nav li.actif {background:url(../images/flecheHover4.png) no-repeat 243px center;width:260px;} body.violet div#content #carousel ul#nav li.actif {background:url(../images/flecheHover5.png) no-repeat 243px center;width:260px;} body.bleu div#content #wrapperEncart .encart h4 {color:#478fb3;} body.bleu div#content #wrapperEncart .encart a.btn {color:#478fb3;} body.bleu div#content #wrapperEncart .encart .agenda .visuel {border:1px solid #478fb3;} body.bleu div#content #wrapperEncart .encart .agenda .visuel .date{background:#478fb3;} body.bleu div#content #wrapperEncart .encart .agenda .descriptionAgenda h4 {color:#478fb3;} body.bleu a.more {color:#478fb3;} body.bleu div#footer .footerLinks {background-image:url(../images/bgfooter1.png);} body.bleu div#header #avancement span{color:#75ccf8;} body.bleu div#header #avancement #wrapperBarre #barre{background:#478fb3;} body.bleu div.inside h3 {color:#478fb3;} body.bleu div.inside a {color:#478fb3;} body.bleu div.inside strong {color:#478fb3;} body.bleu div.inside ul.services li {color:#478fb3;} body.bleu div.inside #rightColumn .date{background:#478fb3;} body.bleu div.inside #rightColumn h4 {color:#478fb3;} body.bleu div#header div#mainnav ul li ul{background:#4790B3;} body.bleu div#header div#mainnav ul li ul li {border-bottom:1px solid #589ec1;} body.bleu #carousel div#contextualContent ul li .description h3 {color:#3281a9;} body.bleu div#content #carousel div#contextualContent ul li .description a.more{color:#3281a9} body.bleu div.inside h4 {background-color:#478FB3;} body.bleu #formulaire_login legend{background-color:#478FB3;} body.bleu div.inside #rightColumn ul.secondNav li a.actif {background-color:#478FB3;} body.bleu div.inside ul li {background:url(../images/pucecontent.gif) left 6px no-repeat;} body.jaune div#content #wrapperEncart .encart h4 {color:#f79500;} body.jaune div#content #wrapperEncart .encart a.btn {color:#f79500;} body.jaune div#content #wrapperEncart .encart .agenda .visuel {border:1px solid #f79500;} body.jaune div#content #wrapperEncart .encart .agenda .visuel .date{background:#f79500;} body.jaune div#content #wrapperEncart .encart .agenda .descriptionAgenda h4 {color:#f79500;} body.jaune a.more {color:#f79500;} body.jaune div#footer .footerLinks {background-image:url(../images/bgfooter2.png);} body.jaune div#header #avancement span{color:#f79500;} body.jaune div#header #avancement #wrapperBarre #barre{background:#f79500;} body.jaune div.inside h3 {color:#f79500;} body.jaune div.inside a {color:#f79500;} body.jaune div.inside strong {color:#f79500;} body.jaune div.inside ul.services li {color:#f79500;} body.jaune div.inside #rightColumn .date{background:#f79500;} body.jaune div.inside #rightColumn h4 {color:#f79500;} body.jaune div#header div#mainnav ul li ul{background:#FCAA2D;} body.jaune div#header div#mainnav ul li ul li {border-bottom:1px solid #f06f2f;} body.jaune #carousel div#contextualContent ul li .description h3 {color:#f79500;} body.jaune div#content #carousel div#contextualContent ul li .description a.more{color:#f79500} body.jaune div.inside h4 {background-color:#f79500;} body.jaune div.inside #rightColumn ul.secondNav li a.actif {background-color:#f79500;} body.jaune div.inside ul li {background:url(../images/pucecontent-jaune.gif) left 6px no-repeat;} body.jaune #formulaire_login legend{background-color:#f79500;} body.turquoise div#content #wrapperEncart .encart h4 {color:#369fa1;} body.turquoise div#content #wrapperEncart .encart a.btn {color:#369fa1;} body.turquoise div#content #wrapperEncart .encart .agenda .visuel {border:1px solid #369fa1;} body.turquoise div#content #wrapperEncart .encart .agenda .visuel .date{background:#369fa1;} body.turquoise div#content #wrapperEncart .encart .agenda .descriptionAgenda h4 {color:#369fa1;} body.turquoise a.more {color:#369fa1;} body.turquoise div#footer .footerLinks {background-image:url(../images/bgfooter3.png);} body.turquoise div#header #avancement span{color:#369fa1;} body.turquoise div#header #avancement #wrapperBarre #barre{background:#369fa1} body.turquoise div.inside h3 {color:#369fa1;} body.turquoise div.inside a {color:#369fa1;} body.turquoise div.inside strong {color:#369fa1;} body.turquoise div.inside ul.services li {color:#369fa1;} body.turquoise div.inside #rightColumn .date{background:#369fa1;} body.turquoise div.inside #rightColumn h4 {color:#369fa1;} body.turquoise div#header div#mainnav ul li ul{background:#369fa1;} body.turquoise div#header div#mainnav ul li ul li {border-bottom:1px solid #589ec1;} body.turquoise #carousel div#contextualContent ul li .description h3 {color:#369fa1;} body.turquoise div#content #carousel div#contextualContent ul li .description a.more{color:#369fa1} body.turquoise div.inside h4 {background-color:#369fa1;} body.turquoise div.inside #rightColumn ul.secondNav li a.actif {background-color:#369fa1;} body.turquoise div.inside ul li {background:url(../images/pucecontent-turquoise.gif) left 6px no-repeat;} body.turquoise #formulaire_login legend{background-color:#369fa1;} body.vert div#content #wrapperEncart .encart h4 {color:#61bd62;} body.vert div#content #wrapperEncart .encart a.btn {color:#61bd62;} body.vert div#content #wrapperEncart .encart .agenda .visuel {border:1px solid #61bd62;} body.vert div#content #wrapperEncart .encart .agenda .visuel .date{background:#61bd62;} body.vert div#content #wrapperEncart .encart .agenda .descriptionAgenda h4 {color:#61bd62;} body.vert a.more {color:#61bd62;} body.vert div#footer .footerLinks {background-image:url(../images/bgfooter4.png);} body.vert div#header #avancement span{color:#61bd62;} body.vert div#header #avancement #wrapperBarre #barre{background:#61bd62;} body.vert div.inside h3 {color:#61bd62;} body.vert div.inside a {color:#61bd62;} body.vert div.inside strong {color:#61bd62;} body.vert div.inside ul.services li {color:#61bd62;} body.vert div.inside #rightColumn .date{background:#61bd62;} body.vert div.inside #rightColumn h4 {color:#61bd62;} body.vert div#header div#mainnav ul li ul{background:#61bd62;} body.vert div#header div#mainnav ul li ul li {border-bottom:1px solid #589ec1;} body.vert #carousel div#contextualContent ul li .description h3 {color:#61bd62;} body.vert div#content #carousel div#contextualContent ul li .description a.more{color:#61bd62} body.vert div.inside h4 {background-color:#61bd62;} body.vert div.inside #rightColumn ul.secondNav li a.actif {background-color:#61bd62;} body.vert div.inside ul li {background:url(../images/pucecontent-vert.gif) left 6px no-repeat;} body.vert #formulaire_login legend{background-color:#61bd62;} body.violet div#content #wrapperEncart .encart h4 {color:#7c5da7;} body.violet div#content #wrapperEncart .encart a.btn {color:#7c5da7;} body.violet div#content #wrapperEncart .encart .agenda .visuel {border:1px solid #7c5da7;} body.violet div#content #wrapperEncart .encart .agenda .visuel .date{background:#7c5da7;} body.violet div#content #wrapperEncart .encart .agenda .descriptionAgenda h4 {color:#7c5da7;} body.violet a.more {color:#7c5da7;} body.violet div#footer .footerLinks {background-image:url(../images/bgfooter5.png);} body.violet div#header #avancement span{color:#7c5da7;} body.violet div#header #avancement #wrapperBarre #barre{background:#7c5da7;} body.violet div.inside h3 {color:#7c5da7;} body.violet div.inside a {color:#7c5da7;} body.violet div.inside strong {color:#7c5da7;} body.violet div.inside ul.services li {color:#7c5da7;} body.violet div.inside #rightColumn .date{background:#7c5da7;} body.violet div.inside #rightColumn h4 {color:#7c5da7;} body.violet div#header div#mainnav ul li ul{background:#7c5da7;} body.violet div#header div#mainnav ul li ul li {border-bottom:1px solid #a35ca0;} body.violet #carousel div#contextualContent ul li .description h3 {color:#7c5da7;} body.violet div#content #carousel div#contextualContent ul li .description a.more{color:#7c5da7} body.violet div.inside h4 {background-color:#7c5da7;} body.violet div.inside #rightColumn ul.secondNav li a.actif {background-color:#7c5da7;} body.violet div.inside ul li {background:url(../images/pucecontent-violet.gif) left 6px no-repeat;} body.violet #formulaire_login legend{background-color:#7c5da7;} .descriptionTemoignage:after, #container:after, #content:after, .encartContent:after, .axe:after, .spip_form_choix_unique:after, form:after, .jour:after, #wrapperContent:after,#wrapperEncart:after, .temoignage:after, .agenda:after, .encart:after, #leftColumn:after, #rightColumn:after, #middleColumn:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}