/* ************************* */ /* STYLES */ /* *********************** */ /* GLOBAL */ html{ padding:0; margin:0; background: url("/assets/images/html.gif") repeat-x 0 0;} body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; text-align:center; background: url("/assets/images/body.jpg") no-repeat center top; color:#645e5c; background-color:inherit;} /* Gestion des titres */ h1, h2,h3, h4,h5, h6,dl, dt, dd, img, p{ padding:0; margin:0; list-style:none;} .clear{ display:block; width:100%; clear: both; font-size:0; line-height:0; height:0} ul, li { padding:0; margin:0; list-style:none; } a img { border:none;} table{ border:none; border-collapse:collapse; padding:0; margin:0} /* Gestion des formulaires */ form, fieldset{ padding:0; margin:0; border: none; display:block;} .input{ color:#000;background-color:#fff; font-size:11px } .select{ color:#000;background-color:#fff;font-size:11px } .textarea{ color:#000;background-color:#fff; font-size:11px } textarea {font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-size:11px;} /* gestion des largeurs et hauteur */ .w80px { width:80px;} .w90px { width:90px;} .w100px { width:100px;} .w95px { width:95px;} .w185px { width:185px;} .w85px { width:85px} .h110px{ width:100%; height:10px; } .w70px { width:70px;} .w120px { width:120px;} .w130px { width:130px;} .w200px { width:200px;} .w250px { width:250px;} .w170px { width:170px;} .w380px{ width:382px;} .h10px {display:block; width:100%; clear: both; font-size:0; height:10px} .h5 { height:5px; font-size:1px;} /* gestion des couleurs */ .bleu{ background-color:#3b91d4; color:#fff;} .container{ width:977px; margin:0 auto; text-align:left; position:relative } .topnav{ clear:both; float:none; width:977px; height:31px;background: url("/assets/images/contenair.png") repeat-y 0 0; } .topnav .menu { width:120px; height:23px; font-size:10px; color:#ed170c; background-color:inherit; font-weight:bold; float:left; margin-left:15px; display:inline; padding:8px 0 0 0} .topnav .menu a { font-size:10px; text-decoration:none; font-weight:bold; color:#000000; background-color:inherit; padding:0 3px} .topnav .menu a:hover { text-decoration:underline} .topnav .langmenu ul { float:left; height:22px; padding:9px 0 0 0 } .topnav .langmenu ul li { display:inline;} .topnav .langmenu ul li a{ display:block;width:18px; height:12px; float:left; color:#fff; background-color:inherit; margin-left:10px } .topnav .langmenu a.francais{ background: url("/assets/images/french.gif") no-repeat 0 0; display:block; } .topnav .langmenu a.anglais{ background: url("/assets/images/english.gif") no-repeat 0 0; width:18px; height:12px; display:block;} .topnav .langmenu a.allemand{ background: url("/assets/images/deutch.gif") no-repeat 0 0; width:18px; height:12px; display:block;} .topnav .langmenu a span { display:none;} .topnav ul.reseaux_sociaux{float:left; height:25px; padding:4px 0 0 0; margin-left:19px; background-color:#ffd401; height:27px; width:103px; display:inline;} .topnav .langmenu{float:left;} .topnav ul.reseaux_sociaux li{display:inline;} .topnav ul.reseaux_sociaux li a{display:block;width:20px; height:20px; float:left; color:#fff; background-color:inherit; margin-left:9px} .topnav ul.reseaux_sociaux li a.facebook{background: url("/assets/images/picto/picto_facebook.gif") no-repeat 0 0; display:inline; width:20px; margin-left:18px;} .topnav ul.reseaux_sociaux li a.twitter{background: url("/assets/images/picto/picto_twitter.gif") no-repeat 0 0; display:inline; width:20px;} .topnav ul.reseaux_sociaux li a.flickr{background: url("/assets/images/picto/picto_flickr.gif") no-repeat 0 0; display:inline; width:20px;} .topnav .title{ height:31px; background-color:#ffd303; color:#703f3c; /* ## modif le 22/11/2010 width:745px; ## */float:right; margin:0 7px 0 0; display:inline; width:657px; -width:647px;} .topnav .title img { float:right;} .header{clear:both; float:none; width:977px; height:202px;background: url("/assets/images/contenair.png") repeat-y 0 0; } .header .logo { position:relative; width:185px; height:202px; float:left; margin-left:15px; display:inline} .header .logo a.back { background: url("/assets/images/logo.jpg") no-repeat 0 0; width:185px; height:202px; display:block; font-size:12px;} .header .logo a.villeart { position:absolute; left:17px; top:149px; width:42px; height:46px; display:block; } .header .logo a span{ display:none;} .header .banniere { background: url("/assets/images/header.jpg") no-repeat right top; width:770px; float:left; height:202px;} .mainnav{ clear:both; float:none; height:27px; background: url("/assets/images/contenair.png") repeat-y 0 0; width:977px; } .mainnav .menu{ width:955px; height:23px; background-color:#eb150d; color:#FFFFFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:15px; border-top:2px solid #fff; border-bottom:2px solid #fff; padding:0; } .mainnav .menu ul li { display:inline;} .mainnav .menu ul li a{ display:block; float:left; font-size:10px; text-decoration:none; background-color:#eb150d; color:#FFFFFF; padding:6px 13px 0 13px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; height:17px; } .mainnav .menu ul li a:hover,.mainnav .menu ul li.active a { background-color:#ffda06; color:#5b5b5b; } .mainnav .menu ul li.active a:hover { text-decoration:none;} .wrapper { width:977px;background: url("/assets/images/contenair.png") repeat-y 0 0; clear:both; float:none; } /* ****************** */ /* subnav */ /* **************** */ .subnav { width:234px; margin:0 0 0 7px} /* 1er niveau */ .subnav ul { width:234px; font-family:Verdana, Arial, Helvetica, sans-serif} .subnav ul li{ display:inline} .subnav ul li a { display:block; width:200px; background:#ffd504 url("/assets/images/subnav_li.gif") no-repeat left -69px;min-height:20px; font-size:11px; font-weight:bold; color:#5b5b5b; padding:10px 2px 4px 32px; text-decoration:none;} * html .subnav ul li a { height:20px;} .subnav ul li a:hover, .subnav ul li.active a { background-position: left top;} /* 2d niveau */ .subnav ul li ul {} .subnav ul li ul li a { display:block; width:214px; background-image:none; background-color:#f6f6f6;min-height:15px; font-size:11px; font-weight:normal; color:#969696; padding:7px 2px 2px 18px; text-decoration:none;} * html .subnav ul li ul li a { height:15px;} .subnav ul li ul li a:hover, .subnav ul li ul li.active a {background-color:#f6f6f6; color:#585858;font-weight:normal; } /* 3d niveau */ .subnav ul li ul li ul{} .subnav ul li ul li ul li a {display:block; width:184px; background-image:none; background-color:#fafafa;min-height:15px; font-size:11px; font-weight:normal; color:#969696!important;padding:7px 2px 2px 48px; text-decoration:none;} * html .subnav ul li ul li ul li a { height:15px} .subnav ul li ul li ul li a:hover, .subnav ul li ul li ul li.active a {background-color:#fafafa;color:#585858!important; } /* breadcrumb */ .breadcrumb {} .breadcrumb ul{ padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif} .breadcrumb li{ padding:0; margin:0; display:inline; list-style:none;} .breadcrumb li a{text-decoration:none; background: url("/assets/images/breadcrumb_a.gif") no-repeat 0 4px; padding-left:10px; padding-right:4px; color:#eb150d; background-color:inherit; font-size:11px; } .breadcrumb li.start a{ background-image:none; padding-left:0} .breadcrumb li a span{ font-weight:normal; display:inline} .breadcrumb li a:hover{ text-decoration:underline;} /* ********************** */ /* colleft254px */ /* ******************** */ .colleft254px { width:252px; float:left; display:inline; margin-left:8px; min-height:600px; } .colonnedegauche { width:250px; background: url("/assets/images/colonnedegauche.jpg") repeat-y; } .colonnedegauche .blocdinfos{ width:246px; height:200px; position:relative;} .colonnedegauche .blocdinfos .image { width:235px; height:196px; position:absolute; top:0; right:3px; z-index:0} .colonnedegauche .blocdinfos .carnet a span{ display:none; } .colonnedegauche .blocdinfos .resa span{ display:none; } .colonnedegauche .blocdinfos .resa { background: url("/assets/images/reservez_votre_sejour.png") no-repeat 0 0; z-index:2; width:246px ; height:87px; position:absolute;top:116px; left:0; } #de .colonnedegauche .blocdinfos .resa { background-image:url("/assets/images/reservez_votre_sejour_de.png"); } #en .colonnedegauche .blocdinfos .resa { background-image:url("/assets/images/reservez_votre_sejour_en.png"); } .colonnedegauche .blocdinfos .carnet a{ background: url("/assets/images/mon_carnet.png") no-repeat 0 0; z-index:2; width:246px ; height:85px; position:absolute;top:116px; left:0; } #de .colonnedegauche .blocdinfos .carnet a { background-image:url("/assets/images/mon_carnet_de.png"); } #en .colonnedegauche .blocdinfos .carnet a { background-image:url("/assets/images/mon_carnet_en.png"); } /* formulaire de resa */ .colonnedegauche .resa_home { padding-left:10px; height:155px; } /* formulaire de recherche */ .colonnedegauche .formdepart_home, .colonnedegauche .formdepart { font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0 0 0; padding-bottom:10px; } .colonnedegauche .formdepart_home { background:url(/assets/images/guerande_group_1.png) left bottom no-repeat; } .colonnedegauche .formdepart_home fieldset, .colonnedegauche .formdepart fieldset { padding:0 0 0 35px} .colonnedegauche .formdepart .online p {} .colonnedegauche .formdepart_home .carnet a span{ display:none; } .colonnedegauche .formdepart_home .carnet a{ background: url("/assets/images/mon_carnet.png") no-repeat 0 0; z-index:2; width:246px ; height:85px; display:block; } #de .colonnedegauche .formdepart_home .carnet a { background-image:url("/assets/images/mon_carnet_de.png"); } #en .colonnedegauche .formdepart_home .carnet a { background-image:url("/assets/images/mon_carnet_en.png"); } .colonnedegauche .fld-onblock { clear:both; float:none;} .colonnedegauche .fld-onblock p { width:100%; clear:both; float:none; margin-bottom:10px; min-height:20px;} * html .colonnedegauche .fld-onblock p { height:20px} .colonnedegauche .fld-onblock label{ display:block; float:left; font-size:11px; } * html .colonnedegauche .fld-onblock label{ line-height:1.7em} *+html .colonnedegauche .fld-onblock label{ line-height:1.7em} .colonnedegauche .fld-onblock .input{ display:block; float:right; margin:0 10px 0 0 } .colonnedegauche .fld-onblock .chdsk { float:left; margin:0 10px 0 0;} .colonnedegauche .fld-onblock .optdsk { float:left; margin:0 10px 0 10px;} .colonnedegauche .fld-onblock .listbox{ float:left; text-transform:lowercase; margin:0 10px} .colonnedegauche .w95px { width:95px;} .colonnedegauche .w185px { width:185px; margin:0 0 0 19px} .colonnedegauche .btnsearch{ color:#FFFFFF; background-color:#4c1b1b; font-size:11px; text-align:center; width:134px; height:20px; margin:0 0 0 30px; border:none;} /* listeliens */ .colleft254px .listeliens{ width:200px; min-height:20px; padding:8px 0 0 20px; font-family:Arial, Helvetica, sans-serif;} .colleft254px .listeliens ul { margin:0 0 15px 0} .colleft254px .listeliens ul li { font-size:13px; color:#4c1b1b; background-color:inherit;} .colleft254px .listeliens ul li a {font-size:11px; color:#4c1b1b; background-color:inherit; text-decoration:underline; font-weight:bold;} .colleft254px .listeliens ul li a:hover{ color:#723131; background-color:inherit;} /* guerandegroups */ .colleft254px .guerandegroups { width:246px; height:58px; /*margin:-30px 0 0 0;*/ } .colleft254px .guerandegroups a { background: url("/assets/images/guerande_group_2.png") no-repeat 0 0; width:246px; height:58px; display:block; } #de .colleft254px .guerandegroups a { background-image:url("/assets/images/guerande_group_2_de.png"); } #en .colleft254px .guerandegroups a { background-image:url("/assets/images/guerande_group_2_en.png"); } .colleft254px .guerandegroups a span{ display:none;} /* newsletter bloc */ .colleft254px .newsletterbloc a{ background: url("/assets/images/recevez_newsletter.png") no-repeat 0 0; width:244px; height:74px; display:block; margin:0 0 10px 0; } #de .colleft254px .newsletterbloc a{ background-image:url("/assets/images/recevez_newsletter_de.png"); } #en .colleft254px .newsletterbloc a{ background-image:url("/assets/images/recevez_newsletter_en.png"); } .colleft254px .newsletterbloc a span { display:none;} /* resa bloc */ .colleft254px .resabloc { width:244px; height:240px; display:block; margin:0 0 10px 0; } .colleft254px .resabloc .header { background: url("/assets/images/reservez_votre_sejour.png") no-repeat 0 0; width:244px; height:87px; } #en .colleft254px .resabloc .header { background-image:url("/assets/images/reservez_votre_sejour_en.png"); } #de .colleft254px .resabloc .header { background-image:url("/assets/images/reservez_votre_sejour_en.png"); } .colleft254px .resabloc .iframecontainer { padding-left:10px; width:234px; height:220px; background: url("/assets/images/colonnedegauche.jpg") repeat-y 0 0;} /* box info */ .colleft254px .boxinfo { width:234px; margin: 0 0 0 7px } .colleft254px .boxinfo .image{ width:234px;} .colleft254px .boxinfo h1 { width:234px; min-height:22px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0; padding:7px 0 3px 0} * html .colleft254px .boxinfo h1 { height:22px;} .colleft254px .boxinfo .contenu{ width:224px; background:#fff url("/assets/images/boxinfo.gif") repeat-x; font-size:11px; color:#645e5c; min-height:70px; padding:5px 0 0 10px} * html .colleft254px .boxinfo .contenu{ height:70px; margin:0 0 3px 0} .colleft254px .boxinfo .contenu .ensavoirplus a{ display:block; margin:15px 0 10px 0; font-size:11px; font-weight:bold; text-decoration:underline; color:#645e5c; background-color:inherit;} .colleft254px .boxinfo .contenu .ensavoirplus a:hover { text-decoration:underline; color:#000000; background-color:inherit;} /* ********************** */ /* COL CENTER 535px */ /* ******************** */ .colcenter535px { width:535px; float:left; min-height:600px; padding:29px 0 0 0 } /* bloc actus */ .colcenter535px .blocactus { background: url("/assets/images/bloc_actu.gif") no-repeat 0 0; width:535px; min-height:280px; margin:0 0 10px 0} * html .colcenter535px .blocactus {height:280px;} .colcenter535px .blocactus h1 { font-size:18px; color:#e96f3c; background-color:inherit; margin:0 0 24px 0} .colcenter535px .blocactus ul { width:440px; margin:0 0 14px 31px} .colcenter535px .blocactus ul li {} .colcenter535px .blocactus ul li.date{ height:16px; font-size:11px; font-weight:bold; color:#e96f3c; background-color:inherit; background: url("/assets/images/h1_puce.gif") no-repeat 0 3px; padding:0 0 0 19px; margin:0} .colcenter535px .blocactus ul li.titre{ font-size:11px; color:#282626; background-color:inherit; font-weight:bold; margin:0 0 2px 0;padding:0 0 0 19px;} .colcenter535px .blocactus ul li.contenu{ color:#645e5c; background-color:inherit; font-size:11px;padding:0 0 0 19px;} .colcenter535px .blocactus ul li.ensavoirplus a{color:#645e5c; background-color:inherit; font-size:11px; font-weight:bold; text-decoration:underline;padding:0 0 0 19px;} .colcenter535px .blocactus ul li.ensavoirplus a:hover {color:#44403f; background-color:inherit; } /* bloc des incontournables */ .colcenter535px .blocincontournables { } .colcenter535px .blocincontournables h2{ font-size:16px; font-weight:bold; color:#3b91d4; background-color:inherit; margin:0 0 17px 0} .colcenter535px .blocincontournables .blocvitrine {width:159px; float:left; margin-left:15px; display:inline} .colcenter535px .blocincontournables .blocvitrine .titre { clear:both; float:none; width:159px; color:#fff; background-color:#3b91d4; text-align:center; height:35px; } .colcenter535px .blocincontournables .blocvitrine .titre h3 {color:#fff; background-color:#3b91d4; font-size:12px; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;} .colcenter535px .blocincontournables .blocvitrine .contenu { width:159px; background: url("/assets/images/blocvitrine.gif") no-repeat 0 0; min-height:50px; font-size:11px; color:#645e5c; background-color:inherit; padding:6px 0 0 0} * html .colcenter535px .blocincontournables .blocvitrine .contenu { height:50px;} .colcenter535px .blocincontournables .blocvitrine .contenu p{ font-size:11px; color:#645e5c; background-color:inherit; padding:0 0 2px 5px; margin:0; width:150px;} .colcenter535px .blocincontournables .blocvitrine .contenu p a{color:#645e5c; background-color:inherit; font-size:11px; font-weight:bold; text-decoration:underline;} .colcenter535px .blocincontournables .blocvitrine .contenu p a:hover {color:#44403f; background-color:inherit; } /* ********************** */ /* colcenter700px */ /* ******************** */ .colcenter700px { float:left; width:700px;min-height:614px;} .colcenter700px .breadcrumb { padding:5px 0 0 0} .colcenter700px h1.fulltitre { background: url("/assets/images/h1_col.jpg") no-repeat 0 0; width:504px!important; height:31px!important; color:#FFFFFF; background-color:#eb160e; font-size:23px; font-weight:normal; padding:30px 0 0 10px!important; float:left; margin-bottom:10px} .colcenter700px h1.fulltitrebleu { background: url("/assets/images/h1bleu.jpg") no-repeat 0 0; width:504px!important; height:31px!important; color:#FFFFFF; background-color:#eb160e; font-size:23px; padding:30px 0 0 10px!important; float:left; margin-bottom:10px} .colcenter700px .review { background: url("/assets/images/review2.jpg") no-repeat 0 0; width:165px; height:41px; padding:20px 0 0 12px; margin:0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px} .colcenter700px .review p { font-size:9px; font-style:italic; color:#5b5b5b; background-color:inherit; width:153px; padding: 0 0 2px 0} .colcenter700px .review p a{ font-weight:bold; font-style:normal; color:#5b5b5b; background-color:inherit; text-decoration:underline;} .colcenter700px .review p a:hover{ color:#413e3e; background-color:inherit; } .colcenter700px .top5intro { clear:both; float:none; width:700px;} .colright167px .bloctop1 { padding:8px 0 0 0; text-align:center; background:#013B8D url("/assets/images/bloc1.jpg") no-repeat 0 0; width:167px; height:90px; } .colright167px .bloctop1 a.link { color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:11px; line-height:10px; } .colright167px .bloctop1 .image { text-align:center; } /* bloctop5 */ .colcenter700px .bloctop5 { background: url("/assets/images/blocktop5.jpg") no-repeat 0 0; width:700px; clear:both; float:none; height:100px; margin:0 0 3px 0} .colcenter700px .bloctop5 .image { width:134px; float:left; padding:7px 0 0 6px;} .colcenter700px .bloctop5 .position { width:50px; float:left;} .colcenter700px .bloctop5 .un { background: url("/assets/images/un.png") no-repeat 0 0; width:33px; height:33px; margin:38px 0 0 0} .colcenter700px .bloctop5 .deux { background: url("/assets/images/deux.png") no-repeat 0 0; width:33px; height:33px; margin:38px 0 0 0} .colcenter700px .bloctop5 .trois { background: url("/assets/images/trois.png") no-repeat 0 0; width:33px; height:33px; margin:38px 0 0 0} .colcenter700px .bloctop5 .quatre { background: url("/assets/images/quatre.png") no-repeat 0 0; width:33px; height:33px; margin:38px 0 0 0} .colcenter700px .bloctop5 .cinq { background: url("/assets/images/cinq.png") no-repeat 0 0; width:33px; height:33px; margin:38px 0 0 0 } .colcenter700px .bloctop5 .contenu { width:330px; float:left;padding:40px 20px 0 0 } .colcenter700px .bloctop5 .contenu h5 { float:left;font-size:13px; font-weight:bold; color:#1b507a; background-color:inherit;padding:0 20px 0 0; margin:0 } .colcenter700px .bloctop5 .contenu h6 { float:left; font-size:13px; font-weight:normal; font-style:italic;color:#1b507a; background-color:inherit; padding:0; margin:0} .colcenter700px .bloctop5 .contenu h5 a { color:#1b507a; background-color:inherit; text-decoration:none; } .colcenter700px .bloctop5 .contenu h6 a { color:#1b507a; background-color:inherit; text-decoration:none; } .colcenter700px .bloctop5 .contenu h5 a:hover { text-decoration:underline;} .colcenter700px .bloctop5 .contenu h6 a :hover{ text-decoration:underline;} .colcenter700px .bloctop5 .bouton1 a{ background: url("/assets/images/carnetA.png") no-repeat 0 0; float: right; color:#fff; background-color:inherit; width:127px; height:32px; text-decoration:none; display:block; margin:22px 0 0 0; padding:42px 0 0 6px; font-size:11px} .colcenter700px .bloctop5 .bouton1 a:hover { text-decoration:none;} .colcenter700px .bloctop5 .bouton2 a{ background: url("/assets/images/carnetB.png") no-repeat 0 0; float: right; color:#fff; background-color:inherit; width:127px; height:32px; text-decoration:none; display:block; margin:22px 0 0 0; padding:42px 0 0 6px; font-size:11px} .colcenter700px .bloctop5 .bouton2 a:hover { text-decoration:none;} /* bloc entete */ .colcenter700px .blocentete { width:700px ; padding:10px 0 0 0} .colcenter700px .blocentete h1 { width:514px; height:59px; float:left; } /* bloc de texte */ .colcenter700px .blocdetexte { clear:both; float:none; background:#fffaef url("/assets/images/blocdetexte.gif") repeat-x 0 0; width:702px; min-height:515px; padding:1px 0 20px 0;color:#e96f3c;} * html .colcenter700px .blocdetexte { height:515px;} .colcenter700px .blocdetexte .top{ width:702px; height:6px; background: url("/assets/images/blocdetexte_top.gif") no-repeat 0 0; font-size:1px; margin:-1px 0 0 0} .colcenter700px .blocdetexte .intro{ width:600px; min-height:35px; margin-bottom:35px; margin-left: 35px; margin-top:25px} .colcenter700px .blocdetexte .intro p { width:600px; font-size:11px; color:#282626; background-color:inherit; padding:0 0 5px 0; margin:0 } .colcenter700px .blocdetexte h1.comment { background-image:none; padding:0; margin:0 0 0 16px; font-size:16px; font-weight:bold; color:#e96f3c; background-color:#efe7d3} .colcenter700px .blocdetexte .blockdecontenu{ min-height:100px; width:700px; clear:both; float:none } .colcenter700px .blocdetexte .blockdecontenu h2{ font-size:16px; font-weight:bold; color:#e96f3c; background-color:inherit; background: url("/assets/images/h1_puce.gif") no-repeat 0 4px; padding:0 0 0 18px; margin:12px 0 10px 8px} .colcenter700px .blocdetexte .blockdecontenu #content {width:610px; float:left;} .colcenter700px .blocdetexte .blockdecontenu #content h3 {font-size:13px; color:#282626; background-color:inherit; font-weight:bold; margin:0 0 20px 50px } .colcenter700px .blocdetexte .blockdecontenu #content p { color:#645e5c; background-color:inherit; font-size:11px; text-align:justify; margin:0 0 25px 75px } .colcenter700px .blocdetexte .blockdecontenu #content ul { color:#645e5c; background-color:inherit; font-size:11px; text-align:justify; margin:0 0 25px 75px } .colcenter700px .blocdetexte .blockdecontenu #content td { color:#645e5c; background-color:inherit; font-size:11px; text-align:justify; margin:0 0 25px 75px } .colcenter700px .blocdetexte .blockdecontenu .image{ width:160px ; float:right; min-height:100px; padding:40px 0 0 0; } /* review 2 */ .colcenter700px .review2 { width:160px; height:42px; background: url("/assets/images/review.gif") no-repeat 0 0; float:right; padding:5px 0 0 12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:-10px 0 10px 0} * html .colcenter700px .review2 { margin:-10px 0 -20px 0} *+html .colcenter700px .review2 { margin:-10px 0 -20px 0} .colcenter700px .review2 p { font-size:9px; font-style:italic; color:#5b5b5b; background-color:inherit; width:153px; padding: 0 0 2px 0} .colcenter700px .review2 p a{ font-weight:bold; font-style:normal; color:#5b5b5b; background-color:inherit; text-decoration:underline;} .colcenter700px .review2 p a:hover{ color:#413e3e; background-color:inherit; } /* blocadresse */ .colcenter700px .blocadresse{ width:340px; float:left; min-height:70px; margin-right:10px; margin-bottom:4px} * html .colcenter700px .blocadresse { height:70px;} .colcenter700px .blocadresse .image{ width:60px;min-height:70px; float:left; margin:0; padding:0; } .colcenter700px .blocadresse .contenu { width:277px; min-height:60px; float:right; background: url("/assets/images/blockadresse.gif") repeat-x; font-size:10px;} * html .colcenter700px .blocadresse .contenu { height:70px;} .colcenter700px .blocadresse .contenu p { width:267px; margin:0; padding:0 0 0 5px; font-size:10px; color:#000000; background-color:inherit; } .colcenter700px .blocadresse .contenu h5 { font-size:11px; font-weight:bold; padding:5px 0 5px 0; margin:0; color:#4e4e4e; background-color:inherit; text-align:center;} /* videotheque */ .colcenter700px .blocdetexte .videothumb { width:169px; height:190px; position:relative; float:left; margin:0 0 0 5px; display:inline} .colcenter700px .blocdetexte .videothumb .media { width:157px; height:155px; margin:0 0 0 6px} .colcenter700px .blocdetexte .videothumb .toolinfos { background: url("/assets/images/videoplay.png") no-repeat 0 0; width:152px; height:47px; padding:13px 0 0 17px; position:absolute; top:122px; left:0; z-index:3; } .colcenter700px .blocdetexte .videothumb .toolinfos p{ color:#000; background-color:inherit; font-size:11px; margin:0; padding:0; width:169px; font-family:Verdana, Arial, Helvetica, sans-serif} .colcenter700px .blocdetexte .videothumb .toolinfos p a {color:#7e7e7e; background-color:inherit; font-size:11px; text-decoration:none;} .colcenter700px .blocdetexte .videothumb .toolinfos p a:hover { text-decoration:underline;} .colcenter700px .blocdetexte .videothumb .toolinfos p strong a { color:#000; background-color:inherit; text-decoration:none;} .colcenter700px .blocdetexte .videothumb .toolinfos p strong a:hover { text-decoration:underline;} .colcenter700px .blocdetexte .mediabtn { width:100%; clear:both; float:none; } .colcenter700px .blocdetexte .mediabtn p { width:169px; height:45px; float:right; margin:0 10px 0 0 } .colcenter700px .blocdetexte .mediabtn .videobtn a { background: url("/assets/images/btn_video_enligne.jpg") no-repeat 0 0; display:block; width:169px; height:45px; } .colcenter700px .blocdetexte .mediabtn .videobtn a span { display:none;} .colcenter700px .blocdetexte .mediabtn .photobtn a { background: url("/assets/images/btn_photos_enligne.jpg") no-repeat 0 0; display:block; width:169px; height:45px; } .colcenter700px .blocdetexte .mediabtn .photobtn a span { display:none;} .colcenter700px .blocdetexte .wpt-pagnav { clear:both; float:none; width:100%; height:20px; margin:10px 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif;} .colcenter700px .blocdetexte .wpt-pagnav ul { float:right;} .colcenter700px .blocdetexte .wpt-pagnav ul li { display:block; float:left; padding:0 10px 0 0; color:#555552; background-color:inherit; font-size:10px} .colcenter700px .blocdetexte .wpt-pagnav ul li a {color:#333; background-color:inherit; font-size:10px; text-decoration:none;} .colcenter700px .blocdetexte .wpt-pagnav ul li a:hover { color:#000; background-color:inherit; text-decoration:none; } /* videoplayer */ .colcenter700px .videoplayer { height:325px; width:379px; position:relative; margin:0 auto} .colcenter700px .videoplayer .media{ width:363px; height:282px; margin:0 0 0 8px} .colcenter700px .videoplayer .toolinfos { width:354px; height:52px; background: url("/assets/images/mediaplayer.png") no-repeat 0 0; position:absolute; z-index:4; left:0; bottom:0;padding:15px 0 0 25px;} .colcenter700px .videoplayer .toolinfos p{ color:#000; background-color:inherit; font-size:12px; margin:0; padding:0 0 3px 0; width:169px; font-family:Verdana, Arial, Helvetica, sans-serif;} .colcenter700px .videoplayer .toolinfos p a {color:#7e7e7e; background-color:inherit; font-size:11px; text-decoration:none; } .colcenter700px .videoplayer .toolinfos p a:hover { text-decoration:underline;} .colcenter700px .videoplayer .toolinfos p strong a { color:#000; background-color:inherit; text-decoration:none;} .colcenter700px .videoplayer .toolinfos p strong a:hover { text-decoration:underline;} /* block commentaires */ .colcenter700px .blockcommentaires {width:680px; margin:0 0 0 12px } .colcenter700px .blockcommentaires h2 { font-size:16px; font-weight:bold; color:#e96f3c; background-color:inherit; margin:0 0 6px 5px; padding:0; float:left;} .colcenter700px .blockcommentaires h3 { font-size:11px; font-weight:bold; color:#676666; background-color:inherit; float:right; padding:0; margin:0 5px 6px 0} .colcenter700px .blockcommentaires h3 a{ font-size:11px; font-weight:bold; color:#676666; background-color:inherit; text-decoration:underline; } .colcenter700px .blockcommentaires h3 a:hover{ color:#333131; background-color:inherit; } .colcenter700px .blockcommentaires .blocligne{ width:680px; background: url("/assets/images/blockcommentaires_content.gif") repeat-y; clear:both; float:none; color:#000000; min-height:60px; margin:0 0 5px 0; background-color:inherit;} * html .colcenter700px .blockcommentaires .blocligne { height:60px;} .colcenter700px .blockcommentaires .blocligne .content {width:680px; background: url("/assets/images/blockcommentaires.gif") no-repeat left top; min-height:60px } * html .colcenter700px .blockcommentaires .blocligne .content { height:60px;} .colcenter700px .blockcommentaires .blocligne .visiteur { width:100px; float:left; margin:0 20px 0 0; text-align:right; padding:5px 0 0 0} .colcenter700px .blockcommentaires .blocligne .visiteur p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0 0 4px 0; padding:0; color:#000000; background-color:inherit; width:100px; text-align:right} .colcenter700px .blockcommentaires .blocligne .commentaires { width:500px; float:left; min-height:60px;} .colcenter700px .blockcommentaires .blocligne .commentaires p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0; color:#000000; background-color:inherit; padding:5px 0 0 0} .colcenter700px .blockcommentaires .blocligne p a{ color:#000000; background-color:inherit; text-decoration:underline;} .colcenter700px .blockcommentaires .bottom{ background: url("/assets/images/blockcommentaires_bottom.gif") no-repeat 0 0; width:680px; height:2px; clear:both; float:none; font-size:1px;} /* googlemap preparation voyage */ .googlemap { width:674px; margin:10px 0 10px; min-height:350px;} * html .googlemap {height:350px;} .googlemap .accescarnet { background: url("/assets/images/acces_carnet.jpg") no-repeat 0 0; width:674px; height:29px;} .googlemap .accescarnet p a { display: block; float:right; margin:5px 46px 0 0; color:#fff; background-color:inherit; text-decoration:none;} .googlemap .accescarnet p a:hover { text-decoration:underline} /* tablepreparation */ .tablepreparation { border:none; font-size:10px; border-collapse:collapse; margin:0 0 20px 0} .tablepreparation .speration {background-color:#efe7d2; color:#000; font-size:1px; line-height:0.1em; height:1px;} .tablepreparation .toolbar { width:345px; height:28px; background-color:#efe7d2; color:#7b7b7b; font-size:9px; float:right } .tablepreparation .separation { height:4px; font-size:1px; padding:0; margin:0; line-height:0.1em;} .tablepreparation .toolbar ul {} .tablepreparation .toolbar ul li{ float:left; height:28px; padding:0 7px 0 37px; line-height:3.8em;} .tablepreparation .toolbar ul li a{ background-color:#efe7d2; color:#7b7b7b; font-size:9px; text-decoration:none;} .tablepreparation .toolbar ul li a:hover{ text-decoration:underline;} .tablepreparation .deguster { background: url("/assets/images/picto_deguster.gif") no-repeat 0 2px;} .tablepreparation .seloger{ background: url("/assets/images/picto_seloger.gif") no-repeat 0 2px;} .tablepreparation .sortir{ background: url("/assets/images/picto_sortir.gif") no-repeat 0 2px;} .tablepreparation .sedetendre{ background: url("/assets/images/picto_sedetendre.gif") no-repeat 0 2px;} .tablepreparation table{ margin:0; padding:0} .tablepreparation .th1 { height:30px; width:305px;} .tablepreparation .th2 { background: url("/assets/images/tablepreparation_th.jpg") no-repeat right bottom; width:368px; height:30px;} .tablepreparation .maintd { background-color:#efe7d2; color:#000; font-size:10px;} .tablepreparation .maintd a{ /*background-color:#ede3cc;*/ color:#000; font-size:10px; text-decoration:underline;} .tablepreparation .col1 { width:40px;} .tablepreparation .col2 { width:25px;} .tablepreparation .col3 { width:225px;} * html .tablepreparation .col3,*+html .tablepreparation .col3 { width:215px;} .tablepreparation .col4 { width:245px;} .tablepreparation .col5 { width:95px;} .tablepreparation .td2 { background-color:#eadec4; color:#000; font-size:15px; } .tablepreparation .td3 { background: url("/assets/images/td3.jpg") repeat-y right 0; border:1px solid #f7f2e6; font-size:13px; font-weight:bold; color:#77746c; background-color:inherit; padding-left:15px } .tablepreparation .td4 { background: url("/assets/images/td4.jpg") repeat-y right 0; padding:4px 0 4px 15px} .tablepreparation .td5 a { display:block; width:96px; height:46px; background: url("/assets/images/ajouter_carnet.jpg") no-repeat 0 0; text-align:center; color:#fff; background-color:inherit; padding:15px 0 0 0; text-decoration:none;} .tablepreparation .td5 a:hover { text-decoration:underline} .colcenter700px .panelresa { float:left; width:427px; /*height:76px;*/ position:relative; overflow:hidden; } .colcenter700px .panelresa .formresa { width:427px; /*height:76px;*/ min-height:65px; } * html .colcenter700px .panelresa .formresa { height:65px; } .colcenter700px .panelresa .formresa h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#fff; background-color:inherit; width:305px; float:left; margin:0!important; padding:0!important; height:auto; } .colcenter700px .panelresa .formresa h1 a{ color:#fff; background-color:inherit; text-decoration:none;} .colcenter700px .panelresa .formresa h1 a:hover { text-decoration:underline;} .colcenter700px .panelresa .formresa h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#fff; background-color:inherit; width:102px; float:left;margin:0!important; padding:0!important; height:18px} .colcenter700px .panelresa .formresa h2 a{ color:#fff; background-color:inherit; text-decoration:none;} .colcenter700px .panelresa .formresa h2 a:hover { text-decoration:underline;} .colcenter700px .panelresa .formresa h3{ clear:both; float:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; color:#fff; background-color:inherit; width:400px;margin:0!important; padding:0!important; height:18px} .colcenter700px .panelresa .formresa ul li { display:block; padding-right:5px; float:left;} .colcenter700px .panelresa .etoiles { padding:5px 0 0 0; clear:both; } .colcenter700px .panelresa .etoiles img { margin-right:5px; } /* bloccolgauche */ .bloccolgauche { width:310px; float:left; margin:0 0 0 12px; display:inline; padding:14px 0 0 0} .bloccolgauche .galerie .image { width:300px; height:225px; margin:0; } .bloccolgauche .galerie .image_credit { width:300px; min-height:15px; margin:0 0 15px 0; font-size:10px; } * html .bloccolgauche .galerie .image_credit { min-height:15px; } /*.bloccolgauche .galerie .image img{ width:300px; height:225px;}*/ .bloccolgauche .galerie .thumb { margin:0 0 15px 0; width:304px; height:73px} .bloccolgauche .galerie .thumb ul { } .bloccolgauche .galerie .thumb ul li{ float:left; margin:0 2px 0 0; padding:0; display:inline} .bloccolgauche .adresses { background:#f9f2e3 url("/assets/images/adresses.jpg") repeat-x; color:#282626; width:290px; padding:5px 0 0 11px; min-height:170px; clear:both; float:none; } * html .bloccolgauche .adresses { height:170px;} .bloccolgauche .adresses ul { width:290px; margin:0 0 5px 0; padding:0 0 10px 0; font-size:11px} .bloccolgauche .adresses ul li a {color:#282626; background-color:inherit; text-decoration:none;} .bloccolgauche .adresses ul li a:hover { text-decoration:underline} /* bloccoldroite */ .bloccoldroite { width:380px; float:left; padding:14px 0 0 0} .bloccoldroite .informations { width:335px; text-align:justify;color:#282626; background-color:inherit; margin:0 0 30px 15px; /*min-height:210px;*/} * html .bloccoldroite .informations {/*height:205px;*/} .bloccoldroite .informations p{ width:330px; text-align:justify;color:#282626; background-color:inherit; font-size:11px } .bloccoldroite .informations p a{ color:#282626; background-color:inherit; text-decoration:underline } .bloccoldroite .informations .bouton1 a{ background: url("/assets/images/carnetAa.png") no-repeat 0 0; color:#fff; background-color:inherit; width:127px; height:32px; text-decoration:none; display:block; margin:0 0 -20px 0; padding:42px 0 0 6px; font-size:11px; float:right; /*position:absolute; z-index:50; right:-8px; bottom:0;*/} .bloccoldroite .informations .bouton1 a:hover { text-decoration:none;} .bloccoldroite .informations .bouton2 a{ background: url("/assets/images/carnetBb.png") no-repeat 0 0; color:#fff; background-color:inherit; width:127px; height:32px; text-decoration:none; display:block; margin:0 0 -20px 0; padding:42px 0 0 6px; font-size:11px; float:right; /*position:absolute; z-index:50; right:0; bottom:0;*/} .bloccoldroite .informations .bouton2 a:hover { text-decoration:none;} .bloccoldroite .informations .bloclogos { margin:0px 0px 5px 0px; } .bloccoldroite .informations .bloclogos ul li { display:inline; margin:0px 5px 5px 0px; } .bloccoldroite .bloctarifs {background:#f9f2e3 url("/assets/images/adresses.jpg") repeat-x; color:#282626; width:355px; /*min-height:90px; */padding:5px 0 5px 15px; margin-bottom:15px; position:relative;} /** html .bloccoldroite .bloctarifs {height:90px;}*/ .bloccoldroite .bloctarifs ul { width:300px; } .bloccoldroite .bloctarifs ul li { font-size:11px; } .bloccoldroite .blochorraires {background:#f9f2e3 url("/assets/images/adresses.jpg") repeat-x; color:#282626; width:355px; /*min-height:50px; */padding:5px 0 5px 15px; float:left; margin-right:10px; display:inline; margin-bottom:15px; font-size:11px;} /** html .bloccoldroite .blochorraires {height:50px;}*/ .bloccoldroite .blocapacite {background:#f9f2e3 url("/assets/images/adresses.jpg") repeat-x; color:#282626; width:355px; padding:5px 0 5px 15px; /*min-height:50px; */float:left; margin-bottom:15px; font-size:11px;} /** html .bloccoldroite .blocapacite {height:50px;}*/ .bloccoldroite .bloclang { float:left;background:#f9f2e3 url("/assets/images/adresses.jpg") repeat-x; color:#282626;padding:5px 0 0 10px; width:360px; /*min-height:50px; */margin-right:10px; margin-bottom:15px;} /** html .bloccoldroite .bloclang { height:50px;}*/ .bloccoldroite .bloclang ul li { float:left; margin:0 5px 10px 5px; display:block; width:36px} .bloccoldroite .bloclang p{ height:25px} .bloccoldroite .blocdesoptions {background:#f9f2e3 url("/assets/images/adresses.jpg") repeat-x; color:#282626; width:355px; padding:10px 0 0 15px; /*min-height:60px; */float:left; margin-bottom:15px} /** html .bloccoldroite .blocdesoptions {height:60px;}*/ .bloccoldroite .blocdesoptions ul li { float:left; margin:0 5px 10px 5px; display:block; width:36px; font-size:11px} /* google map 2 */ .googlemap2 { width:675px; height:334px; clear:both; float:none; padding:0 0 20px 0; text-align:center; margin:10px 0 0 0} /* ********************** */ /* colcenter950px */ /* ******************** */ .colcenter950px { width:950px; background: url("/assets/images/colcenter950px.gif") no-repeat 0 0; min-height:615px; margin:0 0 0 15px; padding:1px 0 0 1px} * htlm .colcenter950px { height:615px;} .colcenter950px .breadcrumb { margin:25px 0 10px 49px} /* pannel resa 947px */ .colcenter950px .panelresa { clear:both; float:none; width:947px; /*height:76px;*/ position:relative; } .colcenter950px .panelresa .formresa { margin:5px 0 0 45px} .colcenter950px .ongletcarnet { width:250px; height:27px; position:absolute; bottom:0; right:0; z-index:5 } * html .colcenter950px .ongletcarnet { bottom:-1px} .colcenter950px .ongletcarnet .tabmenu ul{ padding:0; margin:0; list-style:none;} .colcenter950px .ongletcarnet .tabmenu ul li{ list-style:none; display:inline; margin:0; padding:0;} .colcenter950px .ongletcarnet .tabmenu ul li a { padding:0 10px 0 0; margin:0 1px 0 0 ; list-style:none; display:block; float:left; height:27px; line-height:2.5em; font-size:12px; font-weight:bold; color:#fff; background-color:inherit; text-decoration:none; background: url("/assets/images/tabnav_right.gif") no-repeat right 0;} .colcenter950px .ongletcarnet .tabmenu ul li a span{ padding:0 0 0 9px; margin:0; list-style:none; display:block; float:left; height:27px; cursor:pointer;background: url("/assets/images/tabnav_left.gif") no-repeat left 0;} .colcenter950px .ongletcarnet .tabmenu ul li a:hover { background: url("/assets/images/tabnav_right.gif") no-repeat right -34px;color:#615e56; background-color:inherit;} .colcenter950px .ongletcarnet .tabmenu ul li a:hover span{ background: url("/assets/images/tabnav_left.gif") no-repeat left -34px;} .colcenter950px .ongletcarnet .tabmenu ul li.active a, #sousmenu ul li.active a:hover{ background: url("/assets/images/tabnav_right.gif") no-repeat right -34px; color:#615e56; background-color:inherit;} .colcenter950px .ongletcarnet .tabmenu ul li.active a span, #sousmenu ul li.active a:hover span{ background: url("/assets/images/tabnav_left.gif") no-repeat left -34px;} /* block carnet 947px */ .colcenter950px .blockcarnet { width:897px; clear:both; float:none; background: url("/assets/images/blockcarnet.jpg") no-repeat 0 0; min-height:370px; padding:34px 0 0 50px; position:relative;} * html .colcenter950px .blockcarnet { height:370px;} .colcenter950px .blockcarnet .toolbar { width:345px; padding:0 0 0 5px; height:31px; position:absolute; top:0; right:44px; background-color:#efe7d2; color:#7b7b7b; font-size:9px; z-index:6} .colcenter950px .blockcarnet .toolbar ul {} .colcenter950px .blockcarnet .toolbar ul li{ float:left; height:31px; padding:0 7px 0 37px; line-height:3.8em;} .colcenter950px .blockcarnet .toolbar ul li a{ background-color:#efe7d2; color:#7b7b7b; font-size:9px; text-decoration:none;} .colcenter950px .blockcarnet .toolbar ul li a:hover{ text-decoration:underline;} .colcenter950px .deguster { background: url("/assets/images/picto_deguster.gif") no-repeat 0 2px;} .colcenter950px .seloger{ background: url("/assets/images/picto_seloger.gif") no-repeat 0 2px;} .colcenter950px .sortir{ background: url("/assets/images/picto_sortir.gif") no-repeat 0 2px;} .colcenter950px .sedetendre{ background: url("/assets/images/picto_sedetendre.gif") no-repeat 0 2px;} .colcenter950px .blockcarnet .tableau { width:850px; min-height:400px; background-color:#efe7d2; color:#77746c; padding:0 0 20px 10px} .colcenter950px .blockcarnet .bottom { clear:both; float:none; width:100%; height:40px;} .colcenter950px .blockcarnet .ligne { height:86px; width:860px; clear:both; float:none;} .colcenter950px .blockcarnet .ligne .image { width:90px; height:80px; float:left;} .colcenter950px .blockcarnet .ligne .descriptif { background:#e8e0cb url("/assets/images/descript.jpg") no-repeat 0 0; width:273px; height:70px; float:left; position:relative; text-align:center; color:#77746c; padding:10px 0 0 0; margin-right:7px; display:inline } .colcenter950px .blockcarnet .ligne .descriptif p strong { font-size:13px;} .colcenter950px .blockcarnet .ligne .descriptif p { font-size:11px} .colcenter950px .blockcarnet .ligne .descriptif .ensavoirplus{ display:block; width:273px; text-align:center; top:57px; position:absolute; left:0; z-index:7 } .colcenter950px .blockcarnet .ligne .descriptif .ensavoirplus a{ color:#fff; background-color:inherit; font-size:13px; font-weight:bold; text-decoration:none} .colcenter950px .blockcarnet .ligne .descriptif .ensavoirplus a:hover { text-decoration:underline;} .colcenter950px .blockcarnet .ligne .adresse { background:#e8e0cb url("/assets/images/adresse.jpg") no-repeat 0 0; float:left; width:278px; height:86px; color:#000000; font-size:10px; padding:1px 0 0 1px} .colcenter950px .blockcarnet .ligne .adresse ul { margin:15px 0 0 25px} .colcenter950px .blockcarnet .ligne .adresse a{ color:#000000; font-size:10px; background-color:inherit; text-decoration:none;} .colcenter950px .blockcarnet .ligne .adresse a:hover { text-decoration:underline;} .colcenter950px .blockcarnet .ligne .categorie { width:104px; height:86px; text-align:center; float:left; padding:0 0 0 8px} .colcenter950px .blockcarnet .ligne .categorie img { display:block; width:99px; height:89px; margin:-3px 0 0 0} .colcenter950px .blockcarnet .ligne .suppresion { background:#e8e0cb url("/assets/images/suppression.gif") no-repeat 0 0; width:84px; height:86px; float:left; color:#77746c} .colcenter950px .blockcarnet .ligne .suppresion p a { display:block; width:70px; font-size:10px; color:#8f7e75; background-color:inherit; text-decoration:none; margin:20px 0 0 5px} .colcenter950px .blockcarnet .ligne .suppresion p a:hover { text-decoration:underline;} /* ********************** */ /* colcenter951px */ /* ******************** */ .colcenter951px { width:950px; min-height:615px; margin:0 0 0 15px; padding:1px 0 0 1px} * htlm .colcenter951px { height:615px;} .colcenter951px .breadcrumb { margin:25px 0 10px 4px} /* titre */ .colcenter951px h1.fulltitre { background: url("/assets/images/fulltitre.jpg") no-repeat 0 0; width:750px!important; color:#FFFFFF; background-color:#eb160e; font-size:23px; margin-bottom:10px; float:left; height:33px!important; padding:30px 0 0 10px} /* review */ .colcenter951px .review { background: url("/assets/images/review2.jpg") no-repeat 0 0; width:165px; height:41px; padding:20px 0 0 12px; margin:2px 0 10px 0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; } .colcenter951px .review p { font-size:9px; font-style:italic; color:#5b5b5b; background-color:inherit; width:153px; padding: 0 0 2px 0} .colcenter951px .review p a{ font-weight:bold; font-style:normal; color:#5b5b5b; background-color:inherit; text-decoration:underline;} .colcenter951px .review p a:hover{ color:#413e3e; background-color:inherit; } /* pannel resa 947px */ .colcenter951px .panelresa { clear:both; float:none; width:950px; /*height:76px; */position:relative; } .colcenter951px .panelresa .formresa { margin:5px 0 0 0; } /* bloc de texte */ .colcenter951px .blocdetexte { clear:both; float:none; width:935px; min-height:202px; padding:1px 0 0 15px;} * html .colcenter951px .blocdetexte { height:202px;} .colcenter951px .blocdetexte h1{ font-size:16px; font-weight:bold; color:#e96f3c; background-color:inherit; background: url("/assets/images/h1_puce.gif") no-repeat 0 4px; padding:0 0 0 18px; margin:15px 0 20px 0; clear:both; float:none;} .colcenter951px .blocdetexte .contenu { min-height:138px; width:885px;background:#f8f1df url("/assets/images/blockdetexte.jpg") repeat-x 0 0; position:relative; margin:0 0 0 15px; color:#000000 } * html .colcenter951px .blocdetexte .contenu { height:138px;} .colcenter951px .blocdetexte .contenu .image{ width:185px ; float:left; text-align:left; min-height:100px; } .colcenter951px .blocdetexte .contenu .texte { width:660px; float:left;font-size:10px; padding:22px 0 0 0} .colcenter951px .blocdetexte .contenu .texte p{ padding:0 0 4px 0;} .colcenter951px .blocdetexte .contenu .texte p a { font-size:11px; font-weight:bold; color:#645e5c; background-color:inherit; text-decoration:underline;} .colcenter951px .blocdetexte .contenu .texte p a:hover{color:#000; background-color:inherit; } .colcenter951px .blocdetexte .contenu .bouton1 a{ background: url("/assets/images/carnetAa.png") no-repeat 0 0; color:#fff; background-color:inherit; width:127px; height:32px; text-decoration:none; display:block; margin:0; padding:42px 0 0 6px; font-size:11px; float:right;} .colcenter951px .blocdetexte .contenu .bouton1 a:hover { text-decoration:none;} .colcenter951px .blocdetexte .contenu .bouton2 a{ background: url("/assets/images/carnetBb.png") no-repeat 0 0; color:#fff; background-color:inherit; width:127px; height:32px; text-decoration:none; display:block; margin:0; padding:42px 0 0 6px; font-size:11px; float:right;} .colcenter951px .blocdetexte .contenu .bouton2 a:hover { text-decoration:none;} .blocdetexte .votez a{ background: url("/assets/images/votez.png") no-repeat 0 0; color:#fff; background-color:inherit; width:104px; height:32px; text-decoration:none; display:block; margin:0 20px 0 0; padding:42px 6px 0 0; font-size:11px; float:right; text-align:right; } .blocdetexte .votez a:hover { text-decoration:none;} /* ********************** */ /* colcenterforum */ /* ******************** */ .colcenterforum { width:950px; min-height:615px; margin:0 0 0 15px; padding:1px 0 0 1px; background: url("/assets/images/colcenter950px.gif") no-repeat 0 0 } * htlm .colcenterforum { height:615px;} .colcenterforum .panneluser { width:275px; height:60px; background:#eb150d url("/assets/images/panneluser.jpg") no-repeat 0 0; margin:25px 0 0 0; padding:6px 0 0 23px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; float:left;} .colcenterforum .panneluser p { color:#fff; background-color:inherit; font-size:12px;} .colcenterforum .panneluser p a{ color:#fff; background-color:inherit; font-size:12px; text-decoration:none} .colcenterforum .panneluser p a:hover{ text-decoration:underline;} .colcenterforum .panneluser p.user { font-size:11px; margin:0 0 10px 0} .colcenterforum .panneluser p.user a{ font-size:11px; text-decoration:underline;} .colcenterforum .panneluser p a.name { font-size:11px; text-decoration:none; font-weight:bold} .colcenterforum .panneluser p a:hover.name { text-decoration:underline;} /* table forum 1 */ .colcenterforum table.tableforum { padding:0; margin:5px 0 0 6px; border-collapse:collapse; width:935px; color:#595959; background-color:#FFFFFF; border-right:1px solid #eadec5;} .colcenterforum table.tableforum a{ text-decoration:underline; color:#595959; background-color:#FFFFFF} .colcenterforum table.tableforum td { padding:0; margin:0; color:#595959; background-color:#FFFFFF; height:72px } .colcenterforum table.tableforum td p.titre { width:335px; padding:0 0 0 40px} .colcenterforum table.tableforum td p.titre a { font-size:12px; font-weight:bold; color:#595959; background-color:inherit; text-decoration:none;} .colcenterforum table.tableforum td p.titre a:hover { text-decoration:underline;} .colcenterforum table.tableforum td p.post { width:250px; padding:0 0 0 40px} .colcenterforum table.tableforum td p.post a { color:#595959; background-color:inherit; text-decoration:none;} .colcenterforum table.tableforum td p.post a:hover { text-decoration:underline;} .colcenterforum col.col1 { width:385px; } .colcenterforum col.col2 { width:45px; } .colcenterforum col.col3 { width:80px; border-left:1px solid #eadec5;} .colcenterforum col.col4 { width:310px; border-left:1px solid #eadec5;} .colcenterforum td{border-left:1px solid #eadec5;border-bottom:1px solid #eadec5} .colcenterforum table.tableforum tr{ border-bottom:1px solid #eadec5; } .colcenterforum table.tableforum th { height:22px;border-left:1px solid #eadec5;border-bottom:1px solid #eadec5 } .colcenterforum table.tableforum th.th1 { background:#b6af9d url("/assets/images/th1.gif") repeat-x 0 0; padding:0 0 0 40px; color:#FFFFFF;} .colcenterforum table.tableforum th.th2 { background:#eadec5 url("/assets/images/th2.gif") repeat-x 0 0; text-align:center; color:#595959;} .colcenterforum table.tableforum th.th3 { background:#b6af9d url("/assets/images/th1.gif") repeat-x 0 0; text-align:center; color:#FFFFFF;} .colcenterforum table.tableforum th.th4 { background:#eadec5 url("/assets/images/th2.gif") repeat-x 0 0; text-align:center;color:#595959;} /* table forum 2 */ .colcenterforum .posttitre { font-size:12px; font-weight:bold; color:#595959; margin:5px 0 5px 7px; clear:both; float:none;} .colcenterforum table.posttable { padding:0; margin:0 0 0 6px; border-collapse:collapse; width:935px; color:#595959; background-color:#FFFFFF; border-right:1px solid #eadec5;} .colcenterforum table.posttable a { text-decoration:none; color:#595959; background-color:#FFFFFF} .colcenterforum table.posttable a:hover { text-decoration:underline} .colcenterforum table.posttable td { padding:0; margin:0; color:#595959; background-color:#FFFFFF; height:70px } .colcenterforum table.posttable col.col1 {width:190px;} .colcenterforum table.posttable col.col2 {width:735px;} .colcenterforum table.posttable th { height:23px; font-size:12px; font-weight:bold;} .colcenterforum table.posttable th.th1 { background:#b6af9d url("/assets/images/th1.gif") repeat-x 0 0; color:#fff;} .colcenterforum table.posttable th.th2 { background:#eadec5 url("/assets/images/th2.gif") repeat-x 0 0; color:#fff; padding-left:15px} .colcenterforum table.posttable p.post { padding:10px 0 10px 15px; width:715px; text-align:justify} /* post tools */ .colcenterforum .postools {} .colcenterforum .postools .retourpage { float:left;} .colcenterforum .postools .retourpage a { font-size:12px; color:#595959; background-color:inherit; text-decoration:none; margin:0 0 0 5px; line-height:2.8em } .colcenterforum .postools .retourpage a:hover { text-decoration:underline} .colcenterforum .postools .valider {} .colcenterforum .postools .valider a { display:block; width:80px; height:47px; background: url("/assets/images/btn_repondre.jpg") no-repeat 0 0; float:right; margin:5px 5px 0 0} .colcenterforum .postools .valider a span{ display:none} /* liste d'adresse */ .blocdetexte .blockliste { width:680px; min-height:150px; background-color:#eadec4; color:#282626; padding:0 0 10px 0; margin:0 0 10px 0} * html .blocdetexte .blockliste { height:160px;} .blocdetexte .blockliste .col1 { width:200px; float:left; padding:10px 0 0 20px; min-height:150px; } .blocdetexte .blockliste .col2 { background: url("/assets/images/col.gif") no-repeat 0 10px; width:200px; float:left; padding:10px 0 0 20px; min-height:150px; } .blocdetexte .blockliste .col3 { background: url("/assets/images/col.gif") no-repeat 0 10px; width:200px; float:left; padding:10px 0 0 20px; min-height:150px; } * html .blocdetexte .blockliste .col1,* html .blocdetexte .blockliste .col2,* html .blocdetexte .blockliste .col3 { height:150px;} .blocdetexte .blockliste ul li { font-size:11px; background-color:#eadec4; color:#282626; border-bottom:1px solid #E96F3C;} .blocdetexte .blockliste ul li a{ font-size:11px; background-color:#eadec4; color:#282626; text-decoration:none;} .blocdetexte .blockliste ul li a:hover{ text-decoration:underline} /* onglet carnet */ .colcenterforum .ongletcarnet { width:250px; height:27px; float:right; margin:64px 0 0 0 } .colcenterforum .ongletcarnet .tabmenu ul{ padding:0; margin:0; list-style:none;} .colcenterforum .ongletcarnet .tabmenu ul li{ list-style:none; display:inline; margin:0; padding:0;} .colcenterforum .ongletcarnet .tabmenu ul li a { padding:0 10px 0 0; margin:0 1px 0 0 ; list-style:none; display:block; float:left; height:27px; line-height:2.5em; font-size:12px; font-weight:bold; color:#fff; background-color:inherit; text-decoration:none; background: url("/assets/images/tabnav_right.gif") no-repeat right 0;} .colcenterforum .ongletcarnet .tabmenu ul li a span{ padding:0 0 0 9px; margin:0; list-style:none; display:block; float:left; height:27px; cursor:pointer;background: url("/assets/images/tabnav_left.gif") no-repeat left 0;} .colcenterforum .ongletcarnet .tabmenu ul li a:hover { background: url("/assets/images/tabnav_right.gif") no-repeat right -34px;color:#615e56; background-color:inherit;} .colcenterforum .ongletcarnet .tabmenu ul li a:hover span{ background: url("/assets/images/tabnav_left.gif") no-repeat left -34px;} .colcenterforum .ongletcarnet .tabmenu ul li.active a, #sousmenu ul li.active a:hover{ background: url("/assets/images/tabnav_right.gif") no-repeat right -34px; color:#615e56; background-color:inherit;} .colcenterforum .ongletcarnet .tabmenu ul li.active a span, #sousmenu ul li.active a:hover span{ background: url("/assets/images/tabnav_left.gif") no-repeat left -34px;} /* ********************** */ /* colright 167px */ /* ******************** */ .colright167px { width:167px; float:right; min-height:600px; margin-right:7px; display:inline;padding:31px 0 0 0} /* bloc meteo */ .colright167px .groupebloc .blocmeteo { background: url("/assets/images/bloc2.jpg") no-repeat 0 0; width:167px; height:108px; } .colright167px .groupebloc .meteosimple { background: url("/assets/images/blocmeteo.gif") no-repeat 0 0!important; width:167px; height:108px; } .colright167px .groupebloc .blocmeteo h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c20b15; background-color:inherit; padding:22px 0 0 11px} .colright167px .groupebloc .blocmeteo h5, .colright167px .groupebloc .blocmeteo h5 A { font-size:10px; color:#fff; background-color:inherit; width:83px; float:left; text-align:right; padding:12px 0 0 0} .colright167px .groupebloc .blocmeteo .image{ width:75px; float:left;} /* bloc top 5 */ .colright167px .groupebloc .bloctop5 { background:#3c91d3 url("/assets/images/top5.gif") no-repeat bottom; width:167px; min-height:200px; color:#fff!important; clear:both; float:none; } * html .colright167px .groupebloc .bloctop5 { height:200px;} .colright167px .groupebloc .bloctop5 h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-align:center; padding:5px 0 0 0} .colright167px .groupebloc .bloctop5 ul { width:150px; margin:5px 0 0 7px} .colright167px .groupebloc .bloctop5 ul li { display:inline;} .colright167px .groupebloc .bloctop5 ul li a { font-size:11px; color:#fff; background-color:inherit; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px 0 0 30px; min-height:21px; display:block; width:120px} .colright167px .groupebloc .bloctop5 ul li a:hover { text-decoration:underline;} * html .colright167px .groupebloc .bloctop5 ul li a { height:21px;} .colright167px .groupebloc .bloctop5 ul li.un a { background: url("/assets/images/un.png") no-repeat 0 0} .colright167px .groupebloc .bloctop5 ul li.deux a { background: url("/assets/images/deux.png") no-repeat 0 0} .colright167px .groupebloc .bloctop5 ul li.trois a { background: url("/assets/images/trois.png") no-repeat 0 0} .colright167px .groupebloc .bloctop5 ul li.quatre a { background: url("/assets/images/quatre.png") no-repeat 0 0} .colright167px .groupebloc .bloctop5 ul li.cinq a { background: url("/assets/images/cinq.png") no-repeat 0 0} /* blocdecommunication */ .colright167px .blocdecommunication { width:167px; min-height:52px; background:#e51109 url("/assets/images/blocdecommunication.gif") no-repeat bottom; color:#fff!important; margin:0 0 4px 0} * html .colright167px .blocdecommunication { height:52px;} .colright167px .blocdecommunication p { width:140px; padding:3px 0 2px 17px; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;} .colright167px .blocdecommunication p a { color:#fff; background-color:inherit; font-size:11px; text-decoration:none;} .colright167px .blocdecommunication p a:hover { text-decoration:underline;} /* blocliens */ .colright167px .blocliens { width:167px; font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; float:none;} .colright167px .blocliens .top{ font-size:1px; background: url("/assets/images/blocliens_tops.gif") no-repeat 0 0; height:6px;} .colright167px .blocliens .contenu { width:167px; background:#ffd303 url("/assets/images/blocliens_contenu.jpg") no-repeat bottom; min-height:240px; color:#c20b15; padding:1px 0 0 0} * html .colright167px .blocliens .contenu { height:240px} .colright167px .blocliens .contenu ul { padding:0 0 0 13px; width:152px; min-height:147px; } * html .colright167px .blocliens .contenu ul { height:147px; } .colright167px .blocliens .contenu ul li{ font-size:12px; font-weight:bold; width:152px; margin:0; padding:0; } .colright167px .blocliens .contenu ul li span{background: url("/assets/images/li.gif") no-repeat left bottom; display:block; width:152px; min-height:16px; margin:8px 0 1px 0} * html .colright167px .blocliens .contenu ul li span { height:16px;} .colright167px .blocliens .contenu ul li ul { margin:0; padding:0; min-height:35px; } * html .colright167px .blocliens .contenu ul li ul { height:35px; } .colright167px .blocliens .contenu ul li ul li { font-size:11px; font-weight:normal; border:none; margin:0 0 1px 0; padding:0; } .colright167px .blocliens .contenu ul li ul li a { color:#c20b15; background-color:inherit; font-size:11px; text-decoration:none; display:block; font-weight:normal; padding:0 0 0 8px; width:140px } .colright167px .blocliens .contenu ul li ul li a:hover { text-decoration:underline;} /* ********************** */ /* footer */ /* ******************** */ .footer { position:relative; background: url("/assets/images/footer.gif") no-repeat 0 0; width:977px; clear:both; float:none; height:28px;} .footer .footermenu ul{ margin:0; padding:2px 0 0 0; text-align:center; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; background-color:inherit;} .footer .footermenu ul li{ font-size:11px; display:inline; padding:0 0 0 2px ; margin:0; text-align:left;} .footer .footermenu ul li a{ text-decoration:none; padding:0 2px 0 0; margin:0;color:#fff; background-color:inherit;} .footer .footermenu ul li a:hover{ text-decoration:underline;} .footer .logo_dg { position:absolute; right:10px; top:2px; } /* ******************** */ /* MODULES GENERAUX */ /* ****************** */ /* blockfulltext */ .blockfulltext{ width:948px;} .blockfulltext { clear:both; float:none; background:#fffaef url("/assets/images/blockfulltext.gif") repeat-x left top; width:948px; min-height:515px; padding:1px 0 20px 0; color:#000; margin:0 0 30px 0} * html .blockfulltext { height:515px;} /* formresa */ .formresa { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:5px 20px 0 20px; width:390px; background: url("/assets/images/pannelresa.gif") no-repeat 0 0; /*height:71px; */margin:2px 0 0 0; } .formresa p{ color:#fff;background-color:inherit; font-size:11px; margin:0 0 6px 0 } .formresa .fld-online { clear:both; float:none; } .formresa .fld-online p { float:left; min-height:20px; clear:both; width:400px; } * html .formresa .fld-online p { height:20px} *+html .formresa .fld-online p { height:20px; padding-bottom:2px;} .formresa .fld-online label{ display:block; float:left; font-size:11px; color:#fff; background-color:inherit; line-height:2em } .formresa .fld-online .input{ float:left; margin:0 10px; display:inline} .formresa .fld-online .chdsk { float:left; margin:0 10px 0 0;} .formresa .fld-online .optdsk { float:left; margin:0 10px 0 10px;} .formresa .fld-online .listbox{ float:left; text-transform:lowercase; margin:0 10px} .formresa p.connexion { height:20px; } .formresa p.connexion .title{ float:left;color:#fff; background-color:inherit;} .formresa p.connexion a.log, .formresa p.connexion a.unlog { color:#fff; background-color:inherit; font-weight:bold; text-decoration:underline;font-size:9px;} .formresa p.connexion a.unlog { float:right; } .formresa p.messages { clear:both; float:none; color:#fff; background-color:inherit; margin:0 0 2px 0; padding:0;font-size:9px;} .formresa p.messages a{ color:#fff; background-color:inherit; font-weight:bold; text-decoration:underline;font-size:9px;} .formresa p.mailing { clear:both; float:none; color:#fff; background-color:inherit; font-size:9px; font-style:italic; padding:0; margin:0 } .formresa p.mailing a{ color:#fff; background-color:inherit; font-style:normal; text-decoration:none; padding:0 5px 0 0} .formresa p.mailing a:hover { text-decoration:underline;} .formresa .fld-onblock { clear:both; float:none;} .formresa .fld-onblock p { width:100%; clear:both; float:none; margin-bottom:10px; min-height:20px;} * html .formresa .fld-onblock p { height:20px} .formresa .fld-onblock label{ display:block; float:left; font-size:11px; color:#fff; background-color:inherit; line-height:2em } * html .formresa .fld-onblock label{ line-height:1.7em} *+html .formresa .fld-onblock label{ line-height:1.7em} .formresa .fld-onblock .input{ display:block; float:right; margin:0 10px 0 0 } .formresa .fld-onblock .chdsk { float:left; margin:0 10px 0 0;} .formresa .fld-onblock .optdsk { float:left; margin:0 10px 0 10px;} .formresa .fld-onblock .selectt { float:left; margin:0 10px 0 10px;} /* myform */ .formcommentaire h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#242424; background-color:inherit; margin:5px 0 4px 2px; padding:0} .formcommentaire h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#242424; background-color:inherit; margin:0 0 8px 0; clear:both; float:none; width:100%; padding:8px 0 0 0} .formcommentaire h4 a{ color:#242424; background-color:inherit; text-decoration: underline} .formcommentaire .txtmess { width:670px; height:70px;background-color:#FFFFFF; color:#242424; border:1px solid #d1c7b1;} *+html .formcommentaire .txtmess { width:668px;} * html .formcommentaire .txtmess { width:667px;} .formcommentaire .block_indentifezvous { background-color:#FFFFFF; color:#242424; border:1px solid #d1c7b1; padding:9px} .formcommentaire .fldonline span{ display:block; float:left; font-size:10px;background-color:#FFFFFF; color:#242424; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; } .formcommentaire .infos { width:610px; text-align:justify; font-style:italic; margin-left:20px; margin-bottom:10px; color:#333333; background-color:#fff;} .formcommentaire .infos a{ color:#333333;background-color:#fff; text-decoration:underline} .txmessage { width:465px; height:65px} .formcommentaire {background-color:#ebdfc6; color:#242424; display:block; padding:5px; margin:4px 10px 10px 10px;} .formcommentaire fieldset { display:block; margin-left:20px} .button-effacer { float:right; width:63px; height:38px; background-image:url(/assets/images/btn_retour.jpg); border:0px; } .button-valider { float:right; width:66px; height:38px; background-image:url(/assets/images/btn_validez.jpg); border:0px; } #en .button-effacer { background-image:url(/assets/images/btn_retour_en.jpg); } #en .button-valider { background-image:url(/assets/images/btn_validez_en.jpg); } .myform { } .myform .txtright { text-align:right;} .myform h2, .myform h3, .myform h4, .myform h5 { clear:both; float:none;} .myform .fldonline { clear:both; float:none; } .myform .fldonline p {float:left; margin-bottom:5px; min-height:20px; width:625px } .myform .fldonline p a { font-size:11px; color:#242424; background-color:inherit; text-decoration:underline;} * html .myform .fldonline p { height:25px} .myform .fldonline label{ display:block; float:left; font-size:11px; line-height:1.5em;color:#242424; background-color:inherit;} .myform .fldonline .input{ display:block; float:left; margin:0 10px; } .myform .fldonline .chdsk { float:left; margin:0 10px 0 0;} .myform .fldonline .optdsk { float:left; margin:0 10px 0 10px;} .myform .fldonline .listbox{ float:left; text-transform:lowercase; margin:0 10px} .myform .fld-onblock { clear:both; float:none;} .myform .fld-onblock p { width:100%; clear:both; float:none; margin-bottom:10px; min-height:20px; } * html .myform .fld-onblock p { height:20px} .myform .fld-onblock label{ display:block; float:left; font-size:11px; } * html .myform .fld-onblock label{ line-height:1.7em} *+html .myform .fld-onblock label{ line-height:1.7em} .myform .fld-onblock .input{ display:block; float:right; margin:0 10px 0 0 } .myform .fld-onblock .chdsk { float:left; margin:0 10px 0 0;} .myform .fld-onblock .optdsk { float:left; margin:0 10px 0 10px;} /* infobulle */ .infobulle{ width:219px; height:78px; background: url("/assets/images/infobulle.png") no-repeat 0 0; position:absolute; z-index:30; } .infobulle .thumb { width:65px; height:63px; padding:8px 8px 0 28px; float:left;} .infobulle .texte { width:110px; height:52px; overflow:hidden; font-size:11px; color:#fff; background-color:inherit; float:left; padding:8px 0 0 0} /* previmeteo */ .block-previmeteo { width:100%; clear:both; } .block-previmeteo .prevision { width:770px; } .block-previmeteo .prevision .prevision-temps { width:70px; } .block-previmeteo .prevision .prevision-date { color:#075287; font-weight:bold; font-size:16px; } .block-previmeteo .prevision .prevision-txt { color:#0B9CCE; font-size:12px; margin-bottom:20px; } #content .panelresa .bouton { float:left; display:block; margin:0; padding:3px 5px 3px 5px; border:1px solid #fff; background:transparent; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; } #content .panelresa input.bouton { padding:2px; } .notypo3 #content .wpt-pagnav ul li { display:inline; color:#555552; display:block; float:left; font-size:12px; padding:0 10px 0 0; font-weight:normal; } .notypo3 #content .wpt-pagnav ul li a { font-weight:normal; text-decoration:none; } .notypo3 #content .wpt-pagnav ul li a:hover, .notypo3 #content .wpt-pagnav ul li.active a { color:#333333; font-weight:bold; } /* file links */ .fdownload { text-align:right; margin:5px 0px 5px 0px; } .fdownload .title { font-weight:bold; margin-bottom:-5px; } a.flink { display:inline-block; padding-left:20px; line-height:16px; text-decoration:none; font-weight:normal; background:transparent url(/assets/images/ft/default.gif) center left no-repeat; } a.flink:hover { text-decoration:underline; } a.flink[href$='.doc'] { background-image:url(/assets/images/ft/doc.gif); } a.flink[href$='.docx'] { background-image:url(/assets/images/ft/docx.gif); } a.flink[href$='.pdf'] { background-image:url(/assets/images/ft/pdf.gif); } a.flink[href$='.pps'] { background-image:url(/assets/images/ft/pps.gif); } a.flink[href$='.ppt'] { background-image:url(/assets/images/ft/ppt.gif); } a.flink[href$='.rar'] { background-image:url(/assets/images/ft/rar.gif); } a.flink[href$='.rtf'] { background-image:url(/assets/images/ft/rtf.gif); } a.flink[href$='.xls'] { background-image:url(/assets/images/ft/xls.gif); } a.flink[href$='.xlsx'] { background-image:url(/assets/images/ft/xlsx.gif); } a.flink[href$='.zip'] { background-image:url(/assets/images/ft/zip.gif); } /* Videobox */ .videobox{ width:265px; height:242px; padding:1px 0 0 0; float:left; margin-left:20px; display:inline} .videobox .myvideo{ width:222px; height:173px; margin:24px 0 0 22px} .videobox .tools{ margin:8px 0 0 20px;} * html .videobox .tools{ margin:8px 0 0 23px;} .videobox .tools h1 { font-size:12px; font-weight:bold; color:#0b9cce; background-color:inherit;} .videobox .tools h2 { font-size:11px; font-weight:normal; color:#666666; background-color:inherit;} .videobox .tools h1 a{ color:#0b9cce; background-color:inherit; text-decoration:none} .videobox .tools h2 a{ color:#666666; background-color:inherit; text-decoration:none} .videobox .tools h2 a:hover, .videobox .tools h1 a:hover { text-decoration:underline} .btnajoutervideo{ width:99%; clear:both; float:none; margin:90px 0 0 0; padding:1px} .btnajoutervideo a{ display:block; color:#fff; background-color:inherit; text-align:center; text-decoration:none; width:190px; height:23px; background:url(/assets/images/btn_ajoutervideo.gif) no-repeat 0 0; padding:5px 0 0 0; display:block; float:right; font-weight:bold; margin:0 40px 0 0} * html .btnajoutervideo a { margin-right:20px} /* full video box */ .fullvideobox { width:541px; height:500px; background:url(/assets/images/fullvideobox.gif) no-repeat 0 0; margin-left:20px; padding:1px; position:relative;} /*.fullvideobox h1{ font-size:20px; font-weight:bold; margin:20px 0 0 35px; color:#0b9cce; background-color:inherit; padding:0; line-height:1em} */ .fullvideobox h1{ font-size:16px; font-weight:bold; color:#e96f3c; background-color:inherit; background: url("/assets/images/h1_puce.gif") no-repeat 0 4px; padding:0 0 0 18px; margin:12px 0 10px 8px} .fullvideobox h2{ font-weight:normal!important; background:none!important; margin:0 0 0 35px; color:#999!important;; background-color:inherit; font-size:12px; padding:0;} .fullvideobox .myvideo{ position:absolute; top:90px; left:37px; width:470px; height:365px; z-index:50} .fullvideobox .btnajoutervideo a{ display:block; color:#fff; background-color:inherit; text-align:center; text-decoration:none; width:190px; height:23px; background:url(/assets/images/btn_ajoutervideo.gif) no-repeat 0 0; padding:5px 0 0 0; display:block; float:right; font-weight:bold; position:absolute; top:455px; left:324px; z-index:50} .fullvideobox .btncartevirtuelle a{ display:block; color:#fff; background-color:inherit; text-align:center; text-decoration:none; width:164px; height:41px; padding:5px 0 0 0; display:block; font-weight:bold; margin:0 40px 0 0; position:absolute; left:32px; top:448px; z-index:50; background:url(/assets/images/btn_cartevituelle.jpg) no-repeat 0 0;}