/*Bloc commun a toutes les pages*/ *{margin:0;padding:0;} a img{border:none;} /* PNG avec IE6 */ /* * { behavior: url(iepngfix.htc); }*/ html{ width:100%; background: #B6ECFF url(../images/background2.jpg) center top no-repeat; } body{ width:992px; background-color:transparent; margin: 0 auto 0 auto; font-family:arial;font-size:13px;} #header{height:122px;} .entete{ font-weight:bold;} .clear{clear:both;font-size:0.1em;} .center{text-align:center;} img.hide { display: none;} a{text-decoration:none;color:#3481CF;} a:visited{text-decoration:none;color:#3481CF;} p{padding-left:70px; padding-bottom:10px; width:500px;padding-top:0px;margin-top:0px;} /*bloc du caroussel*/ #haut{width:992px;height:10px; background: url(../images/haut.png) no-repeat;} #demo{width:992px; height:300px; background: url(../images/contenu.png) no-repeat ; margin:0 auto;} /*parti haut sans carroussel*/ #sans-carou{width:992px; height:75px; background: url(../images/contenu-sans-caroussel.png) no-repeat ; margin:0 auto;text-align:center;} /*Bloc principal au dessous du carroussel*/ #principal{width:992px; min-height:400px;} /*2 blocs principaux*/ #gauche{float:left;width:691px;} #droite{float:right;width:294px;} /*bloc de gauche*/ #haut_gauche{width:691px;height:18px; text-align:center; background: url(../images/contenu-haut.png) no-repeat;} #bas_gauche{width:691px;height:18px; text-align:center; background: url(../images/contenu-bas.png) no-repeat;} #haut_gauche_diapo{width:691px;height:18px; text-align:center; background: url(../images/contenu-haut.png) no-repeat;} #bas_gauche_diapo{width:691px;height:18px; text-align:center; background: url(../images/contenu-bas.png) no-repeat;} #contenu_gauche{width:691px; min-height:295px; text-align:center; background: url(../images/contenu-con.png) repeat-y;} #pub-grd{width:691px; height:100px;text-align:center; background: url(../images/pub-grand2.png) no-repeat;} /*Bloc principal de gauche*/ #contenu_gauche h1{font-size:14px;color:#fff;margin-left:40px;padding-left:20px;text-align:left;height:30px;background:url(../images/h1-principal.png) top left no-repeat;padding-top:10px;} .contenu{margin-left:70px;text-align:left;width:400px;} .contenu2{margin-left:70px;text-align:left;width:600px;} /*titre H1*/ #titre_gauche{height:37px;background:url(../images/h1-gauche.png) top left no-repeat;} #titre_contenu{font-size:14px;color:#fff;text-align:left;height:37px;background:url(../images/h1-contenu.png) top left repeat-x;} #titre_droite{height:37px;background:url(../images/h1-droite.png) top left no-repeat;} /*Bloc de droite*/ /*contact*/ input.mail{width:200px;border:1px solid #7c7c7c;border-left-color:#c3c3c3;border-right-color:#c3c3c3; border-bottom-color:#ddd;background-color:#FDFFE6;margin-top:10px;} input.mail:hover{border-color:#5198DA;background-color:#F6FF93;} input.subm-mail{color:#FDFFE6;font-weight:bold; border: 1px solid #DE9043;background-color:#DE9043;margin-top:1px;} textarea {width:260px;height:180px;margin-top:3px;resize:none;border:1px solid #7c7c7c;border-left-color:#c3c3c3;border-right-color:#c3c3c3; border-bottom-color:#ddd;background-color:#FFFFFF;} textarea:hover {background-color:#FDFFE6;} /*commentaire*/ input.comment{width:200px;border:1px solid #7c7c7c;border-left-color:#c3c3c3;border-right-color:#c3c3c3; border-bottom-color:#ddd;background-color:#FFFFFF;margin-top:10px;} input.comment:hover{border-color:#5198DA;background-color:#B4EBFF;} input.subm-comment{color:#FDFFE6;font-weight:bold; border: 1px solid #DE9043;background-color:#DE9043;margin-top:1px;} textarea.txt-comment {width:508px;height:50px;margin-top:3px;resize:none;border:1px solid #7c7c7c;border-left-color:#c3c3c3;border-right-color:#c3c3c3; border-bottom-color:#ddd;background-color:#FFFFFF;} textarea.txt-comment:hover {border-color:#5198DA;background-color:#B4EBFF;} .quote_haut{width:580px;height:20px;background: url(../images/quote_haut.gif) no-repeat;} .quote_bas{width:580px;height:10px;background: url(../images/quote_bas.gif) no-repeat;} /*formulaire intineraire*/ input.iti{width:200px;border:1px solid #7c7c7c;border-left-color:#c3c3c3;border-right-color:#c3c3c3; border-bottom-color:#ddd;background-color:#FFFFFF;margin-top:10px;} input.iti:hover{border-color:#5198DA;background-color:#B4EBFF;} input.subm-iti{color:#FDFFE6;font-weight:bold; border: 1px solid #DE9043;background-color:#DE9043;margin-top:1px;} /*recherche*/ #recherche{ background: url(../images/recherche.png) no-repeat; height:100px; width:264px;text-align:left;padding-top:25px;padding-left:30px;} #recherche input{width:220px;border;1px solid #7c7c7c;border-left-color:#c3c3c3;border-right-color:#c3c3c3; border-bottom-color:#ddd;background-color:#FDFFE6;margin-top:10px;} #recherche input:hover{border-color:#5198DA;background-color:#F6FF93;} /*rectangle info*/ .rectangle_haut{background: url(../images/rect_haut_jaune.png) no-repeat;width:294px;height:17px;margin-right:4px; text-align:center; } .rectangle_bas{background: url(../images/rect_bas_jaune.png) no-repeat;width:294px;height:17px;margin-right:4px; } .rectangle_contenu{background: url(../images/rect_mi_jaune.png) repeat-y;width:294px; margin-right:4px;text-align:center; } .rectangle_contenu h1{font-size:14px;color:#fff;width:100%;height:30px;background:url(../images/h12.png) top center no-repeat;padding-top:10px;} .rectangle_contenu p.rectangle {text-align:left;width:225px;} .rectangle_contenu p a {background: url(../images/puce_bleue.png) left no-repeat;text-align:left; padding-left:20px;margin-left:-25px;} .rectangle_contenu p a:hover {background: url(../images/puce_orange.png) left no-repeat;} /***********************************tableau liste coaster ***********************************************/ table {border: 1px solid #ccc;width: 650px; margin-left:20px;} th { background: #FCB067 url(../images/tableau/icon-table-sort.png) no-repeat 2px 8px; padding: 4px 4px 4px 14px;} tr { background-color: #eee; padding: 4px;} tr.altRow { background-color: #edd;} tr.onride { background-color: #5CA1DC;color:#fff;} td { padding: 0; } .rightAlign { text-align: right;} .leftAlign{ text-align: left;} .sortedASC { background: url(../images/tableau/icon-table-sort-asc.png) no-repeat 2px 4px #E1F500;} .sortedDESC { background: url(../images/tableau/icon-table-sort-desc.png) no-repeat 2px 10px #E1F500;} .tableHeaderOver { cursor: pointer; color: #354158;} /*tr.selected { background-color: gold; color: #fff;}*/ tr.over { background-color: #FF7E00; color: #fff; cursor: pointer;} tr.hide { display: none;} /*********** filtre tableau triable ****************/ .tableFilter { margin-bottom:5px;} .tableFilter input { border: 1px solid #3884D0;} .tableFilter input#submit {color:#FDFFE6;font-weight:bold; border: 1px solid #DE9043;background-color:#DE9043;} .tableFilter input#reset {color:#FDFFE6;font-weight:bold; border: 1px solid #DE9043;background-color:#DE9043;} .tableFilter select { border: 1px solid #3884D0;} /*****************************************************************************************************/ /****** media *******/ .media{background: url(../images/mediaj.png) no-repeat 2px 8px;width:605px; height:140px; margin-left:25px;padding-left:20px;padding-right:15px;padding-top:20px;text-align:left;} .media:hover{background: url(../images/mediab.png) no-repeat 2px 8px;width:605px; height:140px; margin-left:25px;padding-left:20px;padding-top:20px;padding-right:15px;} .media a{text-decoration:none;display:block;color:#000;height:140px;} .media a:hover{text-decoration:none;display:block;color:#fff;} .media img {float:left;margin:5px;margin-top:15px;} /*****************************/ #map{margin: 0 auto 0 auto;border: 1px solid #5198DA;overflow:hidden;} /*lien parc suivant precedent*/ #lien{padding-top:10px;height:30px;} .prec{background: url(../images/precedent-suivant.png) center no-repeat; font-size: 15px;font-weight:bold;float:left; width:146px;height:43px; text-align:center;padding-top:15px;margin-left:30px;} .suiv{background: url(../images/precedent-suivant.png) center no-repeat;font-size: 15px;font-weight:bold;float:right;width:146px;height:43px; text-align:center; padding-top:15px; margin-right:20px;} .prec:hover{background: url(../images/precedent-suivant-hover.png) center no-repeat;} .suiv:hover{background: url(../images/precedent-suivant-hover.png) center no-repeat;} /*galerie photos*/ .photos{list-style: none;padding-left:40px;padding-right:20px;padding-top:10px;} .photos a{cursor: pointer;} /*photos apercu 100px*/ .photos img.w{background-color:#B6ECFF; border:2px solid #9CCAED;text-align:center; width:100px; height:75px;margin-left:3px;margin-top:24px;} .photos img.h{background-color:#B6ECFF;border:2px solid #9CCAED;text-align:center;height:100px; width:75px;margin-top:11px;margin-right:9px;} .photos img.w:hover{ border:2px solid #FF8004;text-align:center; width:100px; height:75px;} .photos img.h:hover{border:2px solid #FF8004;text-align:center;height:100px; width:75px;} .photos li.wli{/*background: url(../images/image-ombre-w.png) no-repeat center;*/ text-align:center;float: left; width:125px; height:125px;} .photos li.hli{/*background: url(../images/image-ombre.png) no-repeat top center;*/text-align:center; float: left; width:125px; height:125px; } /*liens apercu */ .photos li.liens{/*background: url(../images/image-ombre-w.png) no-repeat center;*/ text-align:center;float: left; width:154px; height:120px;} .photos li.liens img{background-color:#B6ECFF; border:2px solid #9CCAED;text-align:center; width:140px; height:105px;margin-left:3px;margin-top:24px;} .photos li.liens img:hover{ border:2px solid #FF8004;text-align:center; width:140px; height:105px;} /* menu principal*/ ul#menu_principal {height:41px;width:970px;padding-left:20px;} ul#menu_principal li {display:inline; list-style-type:none;} ul#menu_principal a{float:left; display:block; height:41px; background-position:bottom;} ul#menu_principal a span {display:none;} ul#menu_principal a#menu_parc {width:137px; height:41px; background-image: url(../images/onglet_parcs.gif); } ul#menu_principal a#menu_coaster {width:138px; height:41px; background-image: url(../images/onglet_coasters.gif);} ul#menu_principal a#menu_reportage{width:139px; height:41px; background-image: url(../images/onglet_medias.gif);} ul#menu_principal a#menu_carte{width:136px; height:41px; background-image: url(../images/onglet_carte.gif);} ul#menu_principal a#menu_lien {width:138px; height:41px; background-image: url(../images/onglet_liens.gif);} ul#menu_principal a.active, ul#menu_principal a:active, ul#menu_principal a:hover, ul#menu_principal a.active:link, ul#menu_principal a.active:visited {background-position:top;} /* menu langue*/ ul#menu_langue {height:21px;width:90px;margin-left:800px;margin-top:-21px;} ul#menu_langue li {display:inline; list-style-type:none;} ul#menu_langue a{float:left; display:block; height:21px; background-position:bottom;} ul#menu_langue a span {display:none;} ul#menu_langue a#menu_francais {width:45px; height:21px; background-image: url(../images/onglet_francais.gif);} ul#menu_langue a#menu_anglais {width:45px; height:21px; background-image: url(../images/onglet_anglais.gif);} ul#menu_langue a.active, ul#menu_langue a:active, ul#menu_langue a:hover, ul#menu_langue a.active:link, ul#menu_langue a.active:visited {background-position:top;} /* ----------------IMAGE SLIDER------------- */ #contenu_gauche_diapo{width:691px; text-align:center; background: url(../images/contenu-con.png) repeat-y;} #SlideItMoo_outer { width:680px; margin:0px auto 0px; display:block; position:relative; padding:0px 10px 0px;} /* create custom forward-backward buttons for this container */ /*#SlideItMoo_outer .SlideItMoo_forward, #SlideItMoo_outer .SlideItMoo_back{ display:block; position:absolute; cursor:pointer; width:25px; height:200px; bottom:0px; right:5px; background:url(../images/slideitmoo_forward.png) no-repeat center; } #SlideItMoo_outer .SlideItMoo_back { left:5px; background:url(../images/slideitmoo_back.png) no-repeat center; } */ /* the width is set to show the number of thumbnails that will be visible */ #SlideItMoo_inner{ position:relative ; overflow:hidden ; width:680px ;padding-bottom:10px; /* set a display width to make the slider look good in case js is disabled */ } /* the thumbnails container; set a width on it so everything will be fine */ #SlideItMoo_items { display:block; position:relative; } /* single element design */ #SlideItMoo_items div.SlideItMoo_element { display:block; position:relative; float:left; margin:0px 15px 0px; font-size:11px; width:100px; height:80px; text-align:center; color:#FFFFFF;} #SlideItMoo_items div.SlideItMoo_element img{width:100px; height:80px} #SlideItMoo_items a { margin:2px; clear:both; display:block; padding:2px; } #SlideItMoo_items a img{ background-color:#B6ECFF;border:2px solid #9CCAED; } #SlideItMoo_items a img:hover{ border:2px solid #FF8004; } /*.menufixe {position: absolute;top: 730px;right: 120px;} html>body .menufixe {position: fixed;}*/