@charset "utf-8"; /* CSS Document copyright Hugocorp 2009 pour Parabole Océan Indien 1 - variables globales 2 - mise en page 2a - header 2b - container 2c - gabarit des pages statiques 2d - footer 2e - menu de navigation 3 - Elements de la page d'accueil 4 - Formulaire de contact 5 - Grille des programmes 5a - Grille des programmes - navigation haut 5b - Grille des programmes - navigation gauche 6 - Pop-u Programme 7 - Assistance en ligne 8 - page bouquets */ /* 1 - variables globales */ html {} body {margin:0; padding:0; background-color: #fff; font-family: "Arial", Arial, Helvetica, sans-serif; font-size: 75%;} h1 {font-family: Verdana; color: #444; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 2em; font-size: 2.5em; font-weight:normal;/*font-size: 1.5em;*/} h2 {font-family: Verdana; color: #444; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.5em; font-size: 2.5em; font-weight:normal;/*font-size: 1.5em;*/ margin: 0 0 20px 20px;} h3 { font-family: Trebuchet MS; font-size: 1.5em; line-height:1.5em; color:#000000; text-align:left; padding:0px 0 10px 0; color:#666; font-weight:normal; } h4 {font-family: Trebuchet MS; font-size: 1.3em; line-height:1.8em; color:#000000; text-align:left; padding:0px 0 10px 0; color:#666; font-weight:normal; } a { color:#000000; text-decoration:none; font-weight:normal;} a:hover { text-decoration:underline;} a:visited {color: #666;} a:link, a:active, a:focus {} img, a img {border: none;} hr {width:100%; height:0px; background:transparent; color:transparent; clear:both; float:none; margin:0; border:none; text-align: right; } /* For Internet Explorer */ html>body hr { width:100%; height:0px; margin: 0; background-color: transparent; border: none; } /* For Gecko-based browsers */ html>body hr { width:100%; height:0px; margin: 0; background-color: transparent; border: 0px solid transparent; } /* For Opera and Gecko-based browsers */ div.hrule { clear: both; background: transparent url("hrule.gif") bottom left repeat-x; width: 100%; height: 0px; padding: 0;} div.hrule hr { display:none;} p {} form, fieldset {border:none; margin:0;} .clear {clear:both;} p small { font-style:italic; color:#666666; float:right;} b {font-weight:bold; color:#000;} /* Personnalisation des input et des select */ /* Ne toucher qu'avec beaucoup de prcaution, au risque de faire sauter les formulaires */ input[type=text], select {float:left; margin:0px 0 15px 0; height:20px; border:none; font-size:10px; font-style:normal; width:115px; padding:2px 3px 0 5px;} input.big, select.big {background:url(../images/form_240.gif) no-repeat; width:240px; border:none;} input.med, select.med {background:url(../images/form_120.gif) no-repeat; width:115px; border:none;} select.med{width:120px;} input.small, select.small {background:url(../images/form_60.gif) no-repeat; width:55px; border:none;} select.small {width:60px;} /* 2 - mise en page */ /* 2a - header */ #header { width:100%; height:195px; background:url(../images/header_bckg.jpg) repeat-x;} #header_main {height:195px; width:1000px; margin: 0 auto} #headline {height:30px; background:url(../images/headline_bckg.jpg) repeat-x; width:1000px; font-size:0.9em} #headline span {float:left; margin:7px;} #headline .form {height:20px; margin:0px; padding:0px; min-width:350px;} #headline .form img {float:left; margin-top:3px;} #headline form {float:right; } #headline form fieldset {float:left; margin:0px; padding:0px; border:none;} #headline input {float:left; margin:0px; height:20px;} #headline input#email {/*background:url(../images/form_bckg.gif) repeat-x;*/ border:none; margin-top:3px; height:20px; border:none; font-size:0.9em; font-style:italic; /*width:110px;*/ padding-top:3px; } #headline input#submit {background:url(../images/boutton_30p.gif); text-align:center; width:30px; height:20px; color:#000000; font-weight:bold; line-height:18px; font-size:12px; border:none; margin:4px 0 0 10px; padding-bottom:5px; } #headline input#submit:hover {background:url(../images/boutton_30p_over.gif); color:#ffffff;} #header .bckg {background:url(/images/HEAD_visuel.jpg); height:165px; width:1000px; max-width:1000px; display:block; float:left; } #logo {float:left; display:block; height:95px; width:350px; } #baseline {float:left; display:block; height:95px; width:300px; background-color:none; border:none; margin-right:350px; } #header .nav {height:70px; float:left; margin:0px 0 0 10px; clear:both; width:995px; background:none; } /* 2b - container */ #container_left { height:auto; width:1000px; margin: 0 auto; background:url(../images/main_left.gif) left repeat-y;} #container_right { height:auto; width:990px; margin:0 0 0 10px; background:url(../images/main_right.gif) right repeat-y; padding-bottom:20px;} #container {width:980px; margin:0 10px 0 0px; background:url(../images/main.gif) top no-repeat; padding-top:30px; min-height:500px; } #container .bloc_1col {float:left; margin:0 0px 20px 0px; min-height:100px; width:184px;} #container .bloc_2col {float:left; margin:0 0 20px 10px; min-height:100px; width:378px;} #container .bloc_3col {float:left; margin:0 0 20px 10px; min-height:100px; width:572px;} /* 2c - gabarit des pages statiques */ #statique_main {float:left; margin-bottom:80px; width:650px;} #statique_main form { float:left; } .bloc_1col_statique {float:left; margin:0 0px 20px 0px; min-height:100px; width:300px;} .bloc_1col_statique .navig_left ul { padding-left:50px; color:#000000;} .bloc_1col_statique .navig_left ul.niv2 { padding-left:10px; color:#666; font-weight:bold;} .bloc_1col_statique .navig_left ul.niv2 li { background:none; list-style-type:circle; list-style-position:inside; } .bloc_1col_statique .navig_left ul.niv3 { padding-left:20px; color:#666; font-weight:normal;} .bloc_1col_statique .navig_left ul.niv3 li { background:none; list-style-type:disc; list-style-position:inside; } .bloc_1col_statique .navig_left li { list-style:none; font-size:0.95em; padding:10px 0 0 20px; background:url(../images/puce_categorie.gif) no-repeat; background-position: center left; } .bloc_1col_statique .navig_left li:hover {background:url(../images/puce_categorie_over.gif) no-repeat; background-position:center left;} .bloc_1col_statique .navig_left h4 a { font-weight:normal; color:#666;} .bloc_1col_statique .navig_left h4 a:hover {color:#000;} .bloc_1col_statique .navig_left h4 strong {font-weight:bold; } #statique_main h2 {clear:both} #statique_main h3 {} #statique_main h4 {margin:0; text-align:left; font-size: 1.2em; margin:0; color:#666666; font-weight:bold;} #statique_main fieldset {width:600px;} #statique_main fieldset .selecteur {padding-bottom:40px; background:url(../images/msg_back.png) no-repeat bottom center; width:600px;margin-bottom:25px; } #statique_main fieldset h3 {background:url(../images/msg_back.png) no-repeat top center; min-height:10px; padding-left:30px;} /* 2d - footer */ #footer { clear:both; width:100%; height:225px; background:#a01820; } #footer_main {background:url(../images/footer.jpg); height:225px; width:1000px; margin: 0 auto; } #footer_main .bloc_1col {float:left; margin:0 3px 20px 3px; min-height:100px; width:184px; padding-top:10px; padding-left:10px;} #footer h4 {color:#FFFFFF; font-weight:bold; } #footer ul {margin:0 0 0 0px; padding:0 0 0 0;} #footer li{color:#FFFFFF; font-size:1em; line-height:1.6em; list-style:none;} #footer li a, #footer li a:hover, #footer li a:link, #footer li a:visited {color:#ffffff;} /*2e - menu de navigation */ .nav {/*DIAN position:relative;*/ position:absolute; font-size:11px;z-index:500; background:url(../images/menu_bckg.gif) bottom repeat-x; margin-left:10px; margin-right:10px;} .nav .table {display:table; width:600px;} .nav ul.select, .nav ul.current {margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap; float:left;} .nav li {margin:0; padding:0; height:auto; float:left;} .nav ul {float:left;} .nav .main1 { position:absolute; left:0px;} .nav .main2 { position:absolute; left:172px;} .nav .main3 { position:absolute; left:282px;} .nav .main4 { position:absolute; left:434px;} .nav .select a {text-decoration:none; white-space:nowrap; color:#ddd;} .nav .select a {display:block; float:left; line-height:35px; height:40px; } .nav .select a.og1 {background-image:url(../images/menu_1.gif); width:172px;} .nav .select a.og2 {background-image:url(../images/menu_2.gif); width:110px;} .nav .select a.og3 {background-image:url(../images/menu_3.gif); width:152px;} .nav .select a.og4 {background-image:url(../images/menu_4.gif); width:163px;} .nav .current a {display:block; float:left; line-height:35px; height:40px; } .nav .current a.og1 {background-image:url(../images/menu_1_over.gif); width:172px;} .nav .current a.og2 {background-image:url(../images/menu_2_over.gif); width:110px;} .nav .current a.og3 {background-image:url(../images/menu_3_over.gif); width:152px;} .nav .current a.og4 {background-image:url(../images/menu_4_over.gif); width:163px;} .nav .select li {float: left;} .nav .select li:hover a.og1 {background-image:url(../images/menu_1_over.gif); width:172px;} .nav .select li:hover a.og2 {background-image:url(../images/menu_2_over.gif); width:110px;} .nav .select li:hover a.og3 {background-image:url(../images/menu_3_over.gif); width:152px;} .nav .select li:hover a.og4 {background-image:url(../images/menu_4_over.gif); width:163px;} .nav .select a:hover, .nav .select li:hover a, .ogcurrent { cursor:pointer; color:#fff;} .nav .select a:hover b, .nav .select li:hover a b {display:block; float:left; padding:0 35px 0 15px; cursor:pointer;} .nav .select_sub {display:none; overflow:hidden; width:650px;} /* IE6 only */ .nav table {border-collapse:collapse; font-size:1em; width:0; height:0;} .nav ul.select .sub1 {left:0px;} .nav ul.select .sub2 {left:-172px;} .nav ul.select .sub3 {left:-282px;} .nav ul.select .sub4 {left:-434px;} .nav .sub {display:block; margin:0; padding:0 0 0 10px; list-style:none;} .nav .sub_active .current_sub a, .nav .sub_active a:hover {background:transparent; color:#f00;} .nav .select :hover .select_sub, .nav .current .show {display:block; position:absolute; top:35px; background:transparent url(../images/menu_bckg.gif) repeat-x scroll center bottom; padding:0; z-index:100; text-align:left; min-width:600px;} .nav .current .show {z-index:10;} .nav .select :hover .sub li a, .nav .current .show .sub li a, .nav .current .sub li a {display:block; height:35px; line-height:30px; float:left; background:transparent url(pro-line-down-fly/trans.gif); padding:0 15px; margin:0; white-space:nowrap; color:#000; border:0; font-weight:normal;} .nav .current .show .sub li a, .nav .select .show .sub li a {display:block; height:35px; float:left; } .nav .select :hover .sub li a:hover, .nav .current .sub li a:hover {color:#000; position:relative; font-weight:bold;} /* 3 - Elements de la page d'accueil */ #mois { width:550px; height:250px;} #mois .slider {width:220px; height:250px; float:left; background:url(../images/slider.png); padding:10px 0 0 10px; margin:0;} /*#mois .slide { width:220px; height:48px; margin:0 0 0 0; float:left; padding-left:10px;}*/ #mois .slider a {padding:0;} #mois .nav-thumb { width:210px; height:48px; margin:0 0 0 0; float:left; } #mois .slide:hover {background:url(../images/slider_up.gif);} /*SLIDE*/#mois a.active-thumb .nav-thumb {background:url(../images/slider_up.gif); color:#FFFFFF; } #mois .slide:hover p, #mois .slide:hover a,#mois .slide:hover a:hover {color:#FFFFFF;} #mois .slide a{ margin:0; clear:none; } #mois .slide a:hover {color:#FFFFFF; text-decoration:none;} #mois .video { width:320px; height:240px; float:left; margin:10px 0 0px 0; background-color:#000000;} .slider img {float:right; margin : 10px;} #semaine .bloc_1col {float:left; margin:0 5px 20px 0px; min-height:100px; width:175px;} #semaine .bloc_1col { padding:0 0 10px 10px; } #semaine .img_mini {float:right; margin:-2px 13px 0 0;} #semaine span {float:left; max-width:160px;} #semaine small {float:left;} #nosoffres {float:left; margin:0 0 20px 10px; min-height:100px; width:378px;background:url(../images/nosoffres.jpg) repeat-y; } #nosoffres .main {background:url(../images/nosoffres_top.jpg) no-repeat top; padding-top:50px; min-height:100px;} #nosoffres .offre { float:left; width:145px; padding:0 0 10px 33px; text-align:left;} #nosoffres .offre:hover { text-decoration:underline;} #nosoffres .offre span {} #nosoffres .offre img { clear:both;} #maintenant { width:100%;} #maintenant tr { width:100%;} #maintenant tr .blk { background:#eeeeee;} #maintenant .img_mini {float:left; margin : 10px 10px 10px 10px;} #maintenant p {margin:5px 0 5px 10px; font-size:0.9em;} #bulle_grille { height:110px; width:184px; background:url(../images/bulle_grille_up.gif) no-repeat; display:block; margin-top:200px;} #bulle_grille:hover {background:url(../images/bulle_grille.gif)} #bulle_maintenant { height:110px; width:184px; background:url(../images/bulle_maintenant.gif) no-repeat; display:block; } #bulle_maintenant:hover {background:url(../images/bulle_maintenant.gif)} #bulle_semaine{ height:110px; width:184px; background:url(../images/bulle_semaine.gif) no-repeat; display:block;} #bulle_semaine:hover {background:url(../images/bulle_semaine.gif)} /* 4 - Formulaire de contact #contact {float:left; margin:0 0 20px 10px; min-height:100px; width:378px; background:url(../images/form_middle.gif) repeat-y;} #contact form {background:url(../images/form_haut_bulle.gif) no-repeat; padding:70px 15px 0 15px;} #contact fieldset {border:none; } #contact .bloc_2col {float:left; margin:0 0 20px 10px; min-height:0px; width:360px;} #contact .bloc_1col { padding:10px 0 0px 10px; min-height:0px; width:150px; } #contact label { float: left; padding: 0; margin: 3px 0 0 10px; text-align: left; } #contact img {float:left; margin-top:3px;} #contact input, #contact select {float:left; margin:3px 0 0 0px; height:20px; background:url(../images/form_bckg.gif) repeat-x; border:none; font-size:0.9em; font-style:italic; width:80px; } #contact input.radio {width:auto; height:auto;} #contact input#submit {background:url(../images/form_ok.gif); height:30px; width:35px; border:none;} #contact input#submit:hover {background:url(../images/form_ok_up.gif);}*/ #contact {float:right; margin:-90px 0 20px 20px; min-height:100px; width:378px; background:url(../images/form_middle.gif) repeat-y;} #contact form {background:url(../images/form_contact.gif) no-repeat; padding:60px 15px 0;} #contact fieldset {border:none; } #contact .bloc_2col {float:left; margin:0 0 20px 10px; min-height:0px; width:340px;} #contact .bloc_1col { padding:0px 0 0px 10px; min-height:0px; width:150px; } #contact label { float: left; padding: 0; margin:4px 0 0 10px; text-align: left; } #contact img {float:left; margin-top:3px;} /*#contact input, #contact select {float:left; margin:3px 0 0 0px; height:20px; background:url(../images/form_bckg.gif) repeat-x; border:none; font-size:0.9em; font-style:italic; width:110px; }*/ #contact input.radio {float:left; width:auto; height:auto; margin-top:5px;} #contact input#submit {background:url(../images/form_ok.gif); height:45px; width:50px; border:none; float:right; margin:-30px 30px 20px 0; font-style:normal; font-weight:bold; color:#FFFFFF; font-size:1em; padding:0 0 7px 0;} #contact input#submit:hover {background:url(../images/form_ok_up.gif); color:#FFFFFF;} #contact h4 { text-align:left; margin:0 0 5px 20px; padding:0; } #contact textarea { background:url(../images/form_free_bckg.gif) repeat-y; width:250px; border:none #000000; margin:0; font-style:italic; font-size:1.1em; padding:0 0 0 10px;} #contact .bloc_1col hr {margin:0px 0 8px 0; height:0px; width:100%; background-color:#FFFFFF;} /* 5 - Grille des programmes */ #grille {float:left; margin:0 5px 20px 5px; min-height:100px; width:780px;} #grille .bloc_1col { padding:0 0 0px 0px; min-height:0px; width:192px; border-left:1px solid #999999; font-size:0.95em; } #grille p {padding:8px; margin:0;} #grille p.black { background:#e5e5e5; } /*#grille p.encours { background:#fef7e5;}*/ #grille p.encours { background:url(../images/prog_cour.gif) repeat-x #165dff; color:#fff;} #grille p.high {background:url(../images/prog_high.gif) repeat-x #f9b100 ;} #grille p:hover { background:#000000; color:#FFFFFF;} #grille .chaine { background:url(../images/logo_chaines.gif) top center no-repeat; text-align:center; padding:15px 0 0 0;width:162px; float:left; font-style:italic; min-height:100px; margin:0 10px 10px 10px; } /*#grille .chaine { background:url(../images/logo_chaines.gif) top center no-repeat; text-align:center; padding:6px;width:182px; float:left; font-style:italic; margin-bottom:10px; }*/ #grille .chaine img {margin-bottom:0px;} #grille .chaine small { font-style:normal;} /* 5a - Grille des programmes - navigation haut */ #navig {float:left; margin:0 5px 5px; min-height:100px; width:780px;} #navig .dates { background:url(../images/navig_dates.gif) repeat-x; float:left; margin:0 0 20px 0; height:30px; width:770px; text-align:center; padding-top:5px; font-size:0.9em;} #navig .dates p {margin : 7px 0 0 0px; width:700px; text-align:center; float:left;} #navig .dates a.current {font-weight:bold; color:blue; text-decoration:underline;} #navig .dates a.result {font-weight:bold; color:red; text-decoration:underline;} #navig .pages {margin-bottom:20px;} #navig .pages p {margin:0px;} /*#navig .pages a:hover, #navig .pages a:current, #navig .pages a:active {font-weight:bold;}*/ #navig .pages a:current {font-weight:bold; color:#000000;} #navig .pages a:hover, #navig .pages a:active {font-weight:bold;} #navig .chaines {float:right; margin-top:0px; max-width:220px;} #navig .chaines img { margin:0 5px 5px 5px; float:right; } /* 5b - Grille des programmes - navigation gauche */ #navig_thematiques { margin-bottom:30px;} #navig_thematiques ul { padding-left:30px;} #navig_thematiques li { list-style:none; line-height:1.8em; font-size:0.95em; padding-left:15px;} #navig_thematiques li:hover, #navig_thematiques li.current {background:url(../images/puce_categorie.gif) left no-repeat; background-position:0 2px; font-weight:bold;} #navig_recherche {background:url(../images/form_search_middle.gif) repeat-y; margin-bottom:25px;} #navig_recherche form {background:url(../images/form_search_top.gif) top left no-repeat; margin:0; padding:60px 15px 0;} #navig_recherche input, #navig_recherche select {font-size:0.9em; font-style:italic; float:left; margin:0px 0 15px 0px; height:20px; /*background:url(../images/form_bckg.gif) repeat-x;*/ border:none; font-size:0.9em; font-style:italic; /*max-width:135px;*/ } #navig_recherche img {float:left; } #navig_recherche input#submit {background:url(../images/form_ok_up.gif); height:45px; width:50px; border:none; float:right; font-style:normal; font-weight:bold; color:#FFFFFF; font-size:1em; padding:0 0 7px 0; margin:0; } #navig_recherche input#submit:hover {background:url(../images/form_ok.gif); color:#FFFFFF; } #navig_recherche hr {margin:10px 0 10px 0;} /* 6 - Page Assistance en ligne */ #question {width:600px; height:auto; display:none;} #faqcontact {width:600px; height:auto; } #question p {margin :5px 0 30px 20px;} #question span { display:block; font-weight:bold; font-size:1.2em; margin:10px} #question ul {margin-left:20px;} #question li { list-style:none; font-size:0.95em; padding-left:15px; margin-bottom:12px; background:url(../images/puce_categorie.gif) left no-repeat; background-position:0 2px; } #faqcontact .bloc_1col {margin-left:30px;} #faqcontact .bloc_2col {float:left; margin:0 0 20px 10px; min-height:0px; width:360px;} #faqcontact img {float:left;} #faqcontact input#mail, #faqcontact select {float:left; margin:0px; height:20px; background:url(../images/form_bckg.gif) repeat-x; border:none; font-size:0.9em; font-style:italic; width:110px;} #faqcontact input#submit {background:url(../images/boutton_100p.png); text-align:center; width:100px; height:20px; color:#000000; font-weight:bold; font-size:12px; float:right; margin:0 50px 20px 0; font-style:normal; padding-bottom:5px; border:none;} #faqcontact input#submit:hover {background:url(../images/boutton_100p_over.png); color:#ffffff;} /* #faqcontact input#submit {background:url(../images/form_ok.gif); height:30px; width:35px; border:none; float:right; margin-right:60px;} #faqcontact input#submit:hover {background:url(../images/form_ok_up.gif);} */ #faqcontact textarea { background:url(../images/form_free_bckg.gif) repeat-y; width:250px; border:none #000000; margin:0; font-style:italic; font-size:1.1em; padding:0 0 0 10px;} #selectTheme {font-size:12px; font-style:italic; float:left; margin:0px 0 15px 0px; height:20px; background:url(../images/form_bckg.gif) repeat-x; border:none; font-size:0.9em; font-style:italic; width:500px; } #selectTheme option {margin-right:20px;} /* 7 - Page Bouquets */ #bouquet {width:390px; float:left; margin:0 10px 50px 0;} #form_appel { width:250px; min-height:200px; float:left; margin:0 0 20px 0; padding:0;} #form_appel .top{ background:url(../images/form_appel_top.png) no-repeat; height:45px;} #form_appel .center {background:url(../images/form_appel.png) repeat-y; padding:5px 15px 0 15px; } #form_appel .bottom {background:url(../images/form_appel_bottom.png) no-repeat; width:250px; height:15px; } #form_appel img {float:left; margin-top:3px;} #form_appel input, #form_appel select {float:left; margin:3px 0 0 0px; height:20px; /*background:url(../images/form_bckg.gif) repeat-x; */border:none; font-size:0.9em; font-style:italic; /*width:110px;*/ padding-top:3px; } #form_appel input.radio {width:auto; height:auto; margin-right:10px} #form_appel label {margin-top:1px;} #form_appel p {margin:5px 0 10px 0; padding:0;} #form_appel hr {height:6px;} #statique_main #form_appel fieldset { width:220px;} #statique_main #form_appel h4 {color:#FFFFFF; text-align:center; padding-top:15px; } /*#statique_main #form_appel input#submit {background:url(../images/boutton_100p.png); text-align:center; width:100px; height:20px; color:#000000; font-weight:bold; font-size:12px; float:right; margin:10px; font-style:normal; padding-bottom:5px;} #statique_main #form_appel input#submit:hover {background:url(../images/boutton_100p_over.png); color:#ffffff;}*/ #statique_main #form_appel input#submit {background:url(../images/form_ok_up.gif); height:45px; width:50px; border:none; float:right; font-style:normal; font-weight:bold; color:#FFFFFF; font-size:1em; padding:0 0 7px 0; margin:0; } #statique_main #form_appel input#submit:hover {background:url(../images/form_ok.gif); color:#FFFFFF; } #statique_main .thematique {background:url(../images/navig_dates.gif) repeat-x; /*height:25px;*/ padding:2px 0 0 20px;} #statique_main p.descr {line-height:1.8em; margin-bottom:20px;} #statique_main #chaines { margin-bottom:35px; padding-top:10px;} #statique_main #chaines .chaine { width:110px; height:60px; margin:0 10px 10px 0 ; float:left; text-align:center; } #statique_main #chaines .chaine p { text-align:center; font-size:0.9em; width:110px; margin:-7px 0 0 0px;} .boutton_30p {background:url(../images/boutton_30p.gif); text-align:center; width:30px; height:20px; color:#000000; font-weight:bold; line-height:18px; font-size:12px; float:right; margin:10px; padding-bottom:5px;} .boutton_30p:hover {background:url(../images/boutton_30p_over.gif); color:#ffffff} .boutton_50p {background:url(../images/boutton_50p.png); text-align:center; width:50px; height:20px; color:#000000; font-weight:bold; line-height:18px; font-size:12px; float:right; margin:10px; } .boutton_50p:hover {background:url(../images/boutton_50p_over.png); color:#ffffff} .boutton_100p {background:url(../images/boutton_100p.png); text-align:center; width:100px; height:20px; color:#000000; font-weight:bold; line-height:24px; font-size:12px; float:right;margin:10px; padding-bottom:5px; } .boutton_100p:hover {background:url(../images/boutton_100p_over.png); color:#ffffff;} .boutton_200p {background:url(../images/boutton_200p.png); text-align:center; width:200px; height:20px; color:#ffffff; font-weight:bold; line-height:24px; font-size:12px; float:left;margin:0 0 10px 0;padding-top:5px; padding-bottom:5px;} .boutton_200p:hover {background:url(../images/boutton_200p_over.png); color:#ffffff; } /* 8 - page points de vente */ #region {width:380px; float:left; margin-right:10px;} #carte { width:224px; height:196px; float:left; margin:0 0 20px 0; padding:0; background:url(../images/carte.png);} #statique_main #ville { margin-bottom:50px;} #statique_main #ville h4 {margin:0px 0 15px 0;} #statique_main #ville p {line-height: 1.5em; margin: 0 0 0px 30px; padding:10px 10px 10px 30px; } #statique_main #ville p.misenavant {background-color:#EEEEEE; font-size:1.1em;} #statique_main #ville strong {margin: 0 0px 20px -10px;} #statique_main #ville p.misenavant strong {color:#a6171f;} /* 9 - Pop-u Programme */ #detail_prog { width:740px; height:auto; padding:20px 25px 20px 25px;} #detail_prog.page { width:850px; height:auto; padding:20px 25px 20px 25px;} #detail_prog.page .bloc_1col { width:320px; margin:0 20px 25px 25px; } #detail_prog.page .bloc_1col p {margin:15px 0 0 0; } #detail_prog .bloc_1col { width:210px; margin:0 20px 25px 50px; } #detail_prog .bloc_1col p { margin:0 10px 10px 15px;} #detail_prog.page .bloc_2col {width:475px; } #detail_prog .bloc_2col {width:450px; } #detail_prog .bloc_2col h1{ margin-bottom:10px;} #detail_prog .bloc_2col p { line-height:1.7em; margin-bottom:15px;} #detail_prog .bloc_2col li {list-style:none; padding-left:20px; margin-bottom:2em; background:url(../images/puce_categorie.gif) left top no-repeat; background-position:0 2px;} #detail_prog.page .bloc_2col li {list-style:none; padding-left:20px; margin-bottom:17px; background:url(../images/puce_categorie.gif) left top no-repeat; background-position:0 2px;} #detail_prog h4 {float:left;} #alerte {float:left; margin:10px 0 10px 0px; width:210px; background:url(../images/alerte_middle.gif) repeat-y;} #alerte h3 {line-height:1.5em; margin-right:10px;} #alerte form {background:url(../images/alerte_haut.gif) no-repeat; padding:15px 10px 0px 20px;} #alerte hr { margin:10px 0 10px 0;} #alerte fieldset {border:none; } #alerte img {float:left; margin-top:3px;} #alerte input {float:left; margin:3px 0 10px 0; height:20px;/* background:url(../images/form_bckg.gif) repeat-x;*/ border:none; font-size:0.9em; font-style:italic;/* width:140px;*/ } /* #alerte input#submit {background:url(../images/form_ok.gif); height:45px; width:50px; border:none; float:right; font-style:normal; font-weight:bold; color:#FFFFFF; font-size:1em; padding:0 0 7px 0; margin:15px 20px 0 0; } #alerte input#submit:hover {background:url(../images/form_ok_up.gif); color:#FFFFFF; }*/ #alerte input#submit {background:url(../images/form_ok_mini.gif); text-align:center; width:30px; height:24px; color:#ffffff; font-weight:bold; line-height:18px; font-size:12px; border:none; margin:5px 15px 0 0; padding-bottom:5px; font-style:normal; float: right; margin-right:15px; } #alerte input#submit:hover {background:url(../images/form_ok_mini_up.gif); color:#ffffff;} #alerte input.radio {width:auto; height:auto; margin-right:10px;} /* 10 - Popup renseignements */ #detail_prog.rens {/*padding:60px 50px 50px 50px; width:378px; background:url(../images/form_middle.gif) repeat-y;*/} #detail_prog.rens form {/*background:url(../images/form_contact.gif) no-repeat; padding:60px 15px 0;*/ margin-top:10px;} #detail_prog.rens fieldset {border:none; margin-bottom:0px; background:#EEEEEE none repeat scroll 0 0; padding:10px 20px 20px; } #detail_prog.rens .bloc_1col { padding:0px 0 0px 10px; width:200px; margin:0 20px 0 0; } #detail_prog.rens .bloc_2col {float:left; margin:0 0 20px 10px; width:410px;} #detail_prog.rens .bloc_3col { padding:0px 0 0px 10px; width:150px; margin:0; } #detail_prog.rens label { float: left; padding: 0; margin:4px 0 0 10px; text-align: left; } #detail_prog.rens img {float:left; margin-top:3px;} #detail_prog.rens input, #detail_prog.rens select {float:left; margin:3px 0 15px 0; height:20px; /*background:url(../images/form_bckg.gif) repeat-x;*/ border:none; font-size:10px; font-style:normal; /*width:110px;*/ } #detail_prog.rens input.radio {width:auto; height:auto; margin-top:5px;} #detail_prog.rens input#submit {background:url(../images/form_ok_up.gif); height:45px; width:50px; border:none; float:right; margin:25px 30px 30px 0; font-style:normal; font-weight:bold; color:#FFFFFF; font-size:1em; padding:0 0 7px 0;} #detail_prog.rens input#submit:hover {background:url(../images/form_ok.gif); color:#FFFFFF;} #detail_prog.rens h4 { text-align:right; margin:0 0 5px 20px; padding:0; float:none; } #detail_prog.rens textarea { background:url(../images/form_free_bckg.gif) repeat-y; width:250px; border:none #000000; margin:0; font-style:normal; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 10px;} #detail_prog.rens .bloc_1col hr {margin:0px 0 8px 0; height:0px; width:100%; background-color:#FFFFFF;} /* 11 - Formulaire de souscription */ #souscription { height:auto; width:880px; padding:0 20px 0 20px;} #souscription form {/*background:url(../images/form_contact.gif) no-repeat; padding:60px 15px 0;*/ margin-top:10px;} #souscription fieldset {border:none; margin-bottom:10px; padding:20px 20px 30px 20px; background:#eeeeee;} #souscription .bloc_1col { padding:0px 0 0px 10px; width:230px; margin:0 20px 40px 0; } #souscription .bloc_2col {float:left; margin:0 0 0px 10px; width:410px;} #souscription .bloc_3col { padding:0px 0 20px 10px; width:600px; margin:0; } #souscription .champ { padding:0px 0 0px 10px; width:150px; margin:0 0 0px 0; min-height:40px; float:left; } #souscription .champ.big { width:250px; margin:0 0 0px 0; min-height:40px; float:left; } #souscription label { padding: 0; margin:0px 0 0 10px; text-align: left; font-weight:bold; } #souscription img {float:left; margin-top:3px;} /*#souscription input, #souscription select {float:left; margin:3px 0 0px 0; height:20px; background:url(../images/form_bckg.gif) repeat-x; border:none; font-size:0.9em; font-style:italic; width:110px; } */ #souscription p {margin:0 0 10px 0; text-indent:10px; line-height:1.5em;} #souscription input.radio {width:auto; height:auto; margin:0;} #souscription input#submit {background:url(../images/form_ok_up.gif); height:45px; width:50px; border:none; float:right; margin:20px 30px 20px 0; font-style:normal; font-weight:bold; color:#FFFFFF; font-size:1em; padding:0 0 7px 0;} #souscription input#submit:hover {background:url(../images/form_ok.gif); color:#FFFFFF;} #souscription h1 {line-height:1.5em;} #souscription h4 { text-align:left; margin:40px 0 5px; padding:0 0 0 20px; float:none; font-size:1.8em; font-weight:bold; line-height:1.5em; border-bottom:1px dotted #666666; } #souscription textarea { background:url(../images/form_free_bckg.gif) repeat-y; width:250px; border:none #000000; margin:0; font-style:normal; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 10px;} #souscription .bloc_1col hr {margin:0px 0 8px 0; height:0px; width:100%; background-color:#FFFFFF;} #souscription span {float:left; margin:0 10px 30px 0;} #souscription ul.liens { list-style:disc;} #souscription ul.liens li { line-height:2em; margin-left:20px;} #souscription ul.liens li a, #souscription ul.liens li a:hover, #souscription ul.liens li a:visited {color:#000000; font-weight:bold;} /* style specifiques au pages internes */ #statique_main.faq h3 {padding:0 0 0px 10px; margin:50px 0 10px 0; border-bottom:1px dotted black;} #statique_main.faq p {line-height:1.8em; margin:0 0 10px 10px;} #statique_main.faq a, #statique_main.faq a:hover, #statique_main.faq a:visited {color:#000000; font-weight:bold;} #statique_main.faq h2 {margin:40px 0 0px 0;} #statique_main.faq fieldset h3 {border:none; margin:0; padding:12px 0 0 30px; } .navig_left ul.navig_faq li h4.current a{ font-size:18px; line-height:1em;} .navig_left ul.navig_faq li { margin:0px 20px 0 0; padding:10 0 0 20px;} /* Formilaire de parrainage */ #parrainage fieldset {border:none; margin-bottom:10px; padding:20px 20px 30px 20px; background:#eeeeee; width:auto} #statique_main .chaine_detail {width:300px; float:left; margin:0 25px 25px 0;} #statique_main .partenaire {width:300px; float:left; margin:0 25px 25px 0; text-align:center;} #statique_main .partenaire h4 { text-align:center;} #statique_main .partenaire img {text-align:center;} /* Formulaires Zend_Form */ .erreur_form {color:red;} .zend_form {width:600px; margin-bottom:10px;} .form-element {margin:0 0 5px 0;} .label_element {width:150px; text-align:right; font-size:10px; float:left;margin:3px 0 0; padding-right:10px; font-weight:normal;} .input_element {/*width:325px;*/ float:left;} .div-errors {margin-left:20px; /*width:150px;*/ float:left; color:red; } .zend_form input {margin:0; padding:0;} .zend_form input[type=checkbox], .zend_form input[type=radio] {margin-right:5px; padding:0;} .zend_form fieldset {border:none; margin-bottom:0; padding:15px; background:#eeeeee;} .zend_form legend {font-family:Trebuchet MS; color:#666666; text-align:left; margin:0 0 5px; padding:0 0 0 20px; float:none; font-size:1.8em; font-weight:bold; line-height:1.5em; border-bottom:1px dotted #666666; } .errormsg {color:#ff0000; font-size:12px; font-weight:bold; text-align:center;}