/** * @section General Layout */ body {text-align:center; padding-bottom:60px} #main {width:898px; margin:auto; text-align:left} #menu_outer {margin-top:41px; height:45px} #menu_inner {} #menu1 li {display:block; height:45px; float:left} #menu2 {float:right} #menu2 li {display:block; height:18px; float:left; margin-top:27px} #content_outer {clear:both} #content_inner {position:relative;min-height:200px; width: 898px} #right_outer {float:right; padding-top:14px; width:595px} #left_outer {float:left; padding-top:1px; width:303px} .hidden {display:none} .spacer {clear:both} .hidden-text {text-indent:-2000px; overflow:hidden} .content-right-outer {background:#FFF; margin-left:1px; width:573px;min-height:340px} .content-right-inner {padding:0 23px 10px 35px} .italic {font-style:italic} .note {display:block; padding-top:10px} .content-right-inner .retour {position:absolute;top:55px;margin:0;padding:0;clear: both} /** * @section General Typography */ body {font-family:Arial,Helvetica,sans-serif; font-size:12px;color:#555} h3 {color:#eb690f; font-size:13px; letter-spacing:-0.4px; padding:24px 0; text-transform:uppercase; font-weight:bold} .chapo {font-size:12px; font-weight:bold; margin:1px 0 12px; color:#747474} .content-right-inner ul li {display:block; background:url(/images/pictos/puces.png) no-repeat 0 -538px; padding:0 0 0 15px; font-size:11px; padding-bottom:10px} .content-right-inner strong {font-weight:bold} .content-right-inner a:link, .content-right-inner a:visited, .content-right-inner a:hover {color:#E06D1A;text-decoration:none} /** * @section bottom */ #logos-bottom {padding:14px 0 11px 25px;clear:both; float:left; margin-top:-95px} #anah-link {margin-left:2px} #mentions_outer p {font-size:9px; color:#57585a;padding:11px 0 0 8px} /** * @section Home */ .accueil #right_outer {width:387px} .accueil #left_outer {width:511px; height:420px} .accueil #right_inner {position:relative; margin:14px 0; padding:0; z-index:1000;width:347px} .accueil p.presentation {font-family:helvetica,arial,sans-serif; font-size:12px; line-height: 15px; letter-spacing: 0.4px; color:#FFF; padding:14px 0 27px 0; line-height:15px} #dispositif-link a:link, #dispositif-link a:hover, #dispositif-link a:visited {color:#38536E; font-family:helvetica,arial,sans-serif; font-size:13px; letter-spacing: 0.4px; text-decoration:none; font-weight:bold} .accueil #content_inner #logos-bottom {float:none;width:200px;overflow: hidden;margin-top:0px} #anim_home {position:absolute;z-index:500; width:511px; height: 420px} #carte_home { position:absolute; left:487px;top:252px;clear: both} #formu {position:absolute;top:322px; z-index:1001;clear: both;width:189px} #formu h2 {color:#FFF; font-family:helvetica,arial,sans-serif; font-size:15px; padding-bottom:4px;text-transform:uppercase} #formu label {color:#FFF;display:block; clear:right; margin-bottom:8px; letter-spacing: 0.4px} #formu #autocomplete_ville_ville { width:183px} #formu #submit_button { color:#FFF; font-family:helvetica,arial,sans-serif; font-size:11px; letter-spacing: 0.4px; background:none; border:0; float:right; margin-top:8px} #formu #submit_button:hover {cursor: pointer} /** * @section Rubriques */ /** * @subsection common */ #visuel-avantages, #visuel-inscription, #visuel-conditions, #visuel-associations, #visuel-telechargement, #visuel-faq, #visuel-presse {width:303px; height:346px; margin-top:54px;} .top-bar {width:575px; height:45px} .bottom-bar {width:575px; height:85px} .col1 {width:240px; float:left; clear:left} .col2 {width:241px; float:right; clear:right} /** * @subsection acceuil */ .accueil #content_outer {background: #769ccd url(/images/fond_top.png) no-repeat -898px 0} .accueil #content_inner {background:url(/images/fond_bottom.png) no-repeat -898px bottom} /** * @subsection avantages */ .avantages #content_outer {background:#5b9d64 url(/images/fond_top.png) no-repeat left top} .avantages #content_inner {background:url(/images/fond_bottom.png) no-repeat left bottom} #top-avantages {background:url(/images/sprites.png) no-repeat 0 -476px} #bottom-avantages {background:url(/images/sprites.png) no-repeat 0 -521px} #visuel-avantages { background:url(/images/sprites.png) no-repeat 0 0} .avantages .content-right-inner li {font-size:11px; margin-bottom:10px; display:block; background:none;padding:0} span.num1, span.num2, span.num3, span.num4, span.num5, span.num6 {display:block; padding:2px 0 0 27px; font-size:11px; font-weight:bold; margin-bottom:12px; text-transform:uppercase} .num1 span { background:url(/images/pictos/puces.png) no-repeat 0 2px} .num2 span { background:url(/images/pictos/puces.png) no-repeat 0 -88px} .num3 span { background:url(/images/pictos/puces.png) no-repeat 0 -178px} .num4 span { background:url(/images/pictos/puces.png) no-repeat 0 -268px} .num5 span { background:url(/images/pictos/puces.png) no-repeat 0 -358px} .num6 span { background:url(/images/pictos/puces.png) no-repeat 0 -448px} /** * @subsection inscription */ .inscription #content_outer {background:#9070ab url(/images/fond_top.png) no-repeat -2694px 0} .inscription #content_inner {background:url(/images/fond_bottom.png) no-repeat -2694px bottom} #top-inscription {background:url(/images/sprites.png) no-repeat -575px -346px} #bottom-inscription {background:url(/images/sprites.png) no-repeat -575px -391px} #visuel-inscription {background:url(/images/sprites.png) no-repeat -607px 0} .inscription #formu {position:absolute; width: 245px; height: 155px; background:url(/images/sprites.png) 0 -866px no-repeat; left:632px; top:93px;clear: both} .inscription #formu p {color:#FFF; margin-top:30px; font-size:16px;margin-left:29px;margin-top:29px} .inscription #formu label {margin:4px 0 0 29px} .inscription #autocomplete_ville_ville {margin-left:28px;margin-top:8px} .inscription #submit_button {margin-right:24px} .inscription .sousTitre {display:block} .inscription .assoNom {text-transform: uppercase} #formulaire_inscription {background:#F8F7FC; width: 298px; padding-left:18px; position:relative} #formulaire_inscription label {display:block; padding: 12px 8px 6px 0; color:#836DA1;font-size:12px; font-family:Arial,Helvetica,sans-serif} #formulaire_inscription input, #formulaire_inscription textarea {width:217px;border:1px solid #836DA1;color:#555;font-size:12px;font-family:Arial,Helvetica,sans-serif} #formulaire_inscription .radio_list li {background: none; padding:0; display:block; padding-bottom:5px} #formulaire_inscription .radio_list input {width: auto} #formulaire_inscription .radio_list label {display: inline; color:#555} #formulaire_inscription .bouton {background-color:#836DA1;border:0;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-weight:bold;padding:4px 12px;font-size:12px;width:auto;margin-top:20px} #formulaire_inscription .error_list {left:248px;position:absolute;color:#FF0000; width:85px;clear: both} #formulaire_inscription .error_list li {background:none; padding: 0} .inscription .left-formu {width:182px;padding-top:13px} .inscription .left-formu p {margin-top:20px;color:#555;font-size:11px;margin-bottom:12px;font-family:Arial,Helvetica,sans-serif} #logos_inscription {margin-top:40px} #logos_inscription img {float:left; clear:left} .avertissement {background-color:white;color:#555;font-family:Arial,Helvetica,sans-serif;font-size:9px;text-align:justify; margin-top:20px} .content-right-inner a.villeNom:link, .content-right-inner a.villeNom:visited, .content-right-inner a.villeNom:hover {color: #555} .link-bottom {clear:left;padding-top:30px;text-align:center;} /*.inscription #logos-bottom {margin-top:-30px}*/ /** * @subsection conditions */ .conditions #content_outer {background:#ea9042 url(/images/fond_top.png) no-repeat -1796px 0} .conditions #content_inner {background:url(/images/fond_bottom.png) no-repeat -1796px bottom} #top-conditions {background:url(/images/sprites.png) no-repeat 0 -346px} #bottom-conditions {background:url(/images/sprites.png) no-repeat 0 -391px} #visuel-conditions {background:url(/images/sprites.png) no-repeat -303px 0} #logement-decent {margin-top:12px} /** * @subsection associations */ .associations #content_outer {background:#9d8c7c url(/images/fond_top.png) no-repeat -3592px 0} .associations #content_inner {background:url(/images/fond_bottom.png) no-repeat -3592px bottom} #top-associations {background:url(/images/sprites.png) no-repeat 0 -606px} #bottom-associations {background:url(/images/sprites.png) no-repeat 0 -651px} #visuel-associations {background:url(/images/sprites.png) no-repeat -910px 0} /**.associations div.col1 {margin-top:8px}**/ /**.associations h3 {padding:24px 0 0 0}**/ .associations div.col1 {width:250px} .associations p {color:#8e989d; padding-bottom: 7px;letter-spacing: -0.2px} .associations #formu {position:absolute; width: 245px; height: 143px; background:url(/images/sprites.png) -245px -878px no-repeat; left:632px; top:106px;clear: both} .associations #formu p {color:#FFF; margin-top:30px; font-size:16px;margin-left:29px;margin-top:16px;padding-bottom: 4px} .associations #formu label {margin:0 0 0 29px} .associations #association_filters_regions_list {margin-left:28px;margin-top:8px;width:189px;height:20px} .associations #submit_button {margin-right:24px} .associations .liste {margin-top:60px; clear:both} .associations .liste li {text-align: left; background-position: 0 -537px; clear:left} .associations a.assoNom {display:block; float:left; font-family:verdana,arial,sans-serif;font-size:11px;font-weight:bold;text-transform:uppercase;color:#555} .associations .assoEnSavoir {display:block; float:right;margin-right:50px} .associations .sousTitre {display:block; width:230px;clear:both; font-size:11px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;} .associations .pagination {text-align: center;width:100%;margin-top: 20px; clear:both} .associations .pagination_desc {text-align: center; clear:both; padding-top:5px;} .association_show p {color:#747474} .association_show .col2 {text-align:center} .association_show ul li {color:#747474; letter-spacing:-0.2px; padding-bottom:7px;font-family:Arial,Helvetica,sans-serif;font-size:12px} /** * @subsection telechargement */ .telechargement #content_outer {background:#9d8c7c url(/images/fond_top.png) no-repeat -3592px 0} .telechargement #content_inner {background:url(/images/fond_bottom.png) no-repeat -3592px bottom} #top-telechargement {background:url(/images/sprites.png) no-repeat -575px -476px} #bottom-telechargement {background:url(/images/sprites.png) no-repeat -575px -521px} #visuel-telechargement {background:url(/images/sprites.png) no-repeat -910px 0} .telechargement li.titre {color:#555555;font-size:11px;font-weight:bold;text-transform:uppercase;background-position: 0 -539px; text-indent:15px; padding-left:0; margin-top:20px} .telechargement li.sous-titre, .telechargement li.titre {clear:left} .telechargement li.sous-titre {background:none; padding:0;text-indent: 0; margin-top:20px} .telechargement ul.document, .telechargement p.document {margin-top: 12px; text-indent:0} .telechargement li.document {background:none; padding:0; float:left; margin:0 20px 5px 0} .telechargement ul.document img, .telechargement p.document img {border:1px solid #666666} .telechargement li.document a {float:left} .telechargement .legend {display:block; float:left; font-size:11px; font-weight: normal; text-transform: none; margin-top:35px} /** * @subsection faq */ .faq #content_outer {background:#9d8c7c url(/images/fond_top.png) no-repeat -3592px 0} .faq #content_inner {background:url(/images/fond_bottom.png) no-repeat -3592px bottom} #top-faq {background:url(/images/sprites.png) no-repeat 0 -736px} #bottom-faq {background:url(/images/sprites.png) no-repeat 0 -781px} #visuel-faq {background:url(/images/sprites.png) no-repeat -910px 0} .faq .question {display:block;text-transform: uppercase; margin:12px 0} ul.col1, ul.col2 {width:248px} .faq ul.col1 li, .faq ul.col2 li {width:248px; padding:0; text-indent:15px} /** * @subsection presse */ .presse #content_outer {background:#9d8c7c url(/images/fond_top.png) no-repeat -3592px 0} .presse #content_inner {background:url(/images/fond_bottom.png) no-repeat -3592px bottom} #top-presse {background:url(/images/sprites.png) no-repeat -575px -606px} #bottom-presse {background:url(/images/sprites.png) no-repeat -575px -651px} #visuel-presse {background:url(/images/sprites.png) no-repeat -910px 0} .presse .intro {background:url("/images/pictos/puces.png") no-repeat scroll 0 -538px transparent;font-size:11px;padding:0 0 10px 15px} .presse h4 {display:block; background:url("/images/pictos/puces.png") no-repeat scroll 0 -539px transparent;font-size:11px;padding:0 0 0 15px;font-size:11px;font-weight:bold;margin-bottom:12px;text-transform:uppercase} .presse ul li {background:none} .presse .title {display:block;font-size:11px;font-weight:bold;text-transform:uppercase} .presse .date {display:block;font-weight: normal; text-transform: none} .presse li p {margin-top:4px} .presse li p.link {margin:0} .presse .player {margin-top:3px}