/* = RAZ ------------------------ */ a:hover, a:link, a:visited {color: #DF0128} a img {border: 0} dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, legend {margin: 0; padding: 0;} h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;} hr{height:1px !important;} em {font-style: normal} ul {list-style: none; } address {font-style: normal} table, td, th {font-size: 1em} form {margin: 0; padding: 0} .clear {clear: both;} /* = Suppresion des elements print ------------------------ */ .print {display: none;} /* = Mise en page Global ------------------------ */ body { font-family: "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 62.5%; } #header, #maincontent, #footer {width: 78em;} #maincontent{ margin: 0 auto 0 auto; } #footer { margin-top: 10px; background-color: #12A9E0; display: block; height: 16px; } /* = FOND BODY suivant id ------------------------ */ body#accueil {background: #FFFFFF url(/global/images/bg_body.jpg) repeat-x ;} /* = SWITCH DU HEADER ------------------------ */ body#accueil #header {height: 237px; background-position: center 29px;} body#accueil .swapImage1 {background : transparent url(/global/images/bg_header1.jpg) no-repeat;} body#accueil .swapImage2 {background : transparent url(/global/images/bg_header2.jpg) no-repeat;} body#accueil .swapImage3 {background : transparent url(/global/images/bg_header3.jpg) no-repeat;} body#accueil .swapImage4 {background : transparent url(/global/images/bg_header4.jpg) no-repeat;} /* = fond pour content ACC ------------------------ */ body#accueil #content { margin: 0em 6.6em 0em 6.6em; } body#accueil #content { background : transparent url(/global/images/bg_content.jpg) center top no-repeat; position:relative; } /* = mainNav Navigation principale ------------------------ */ #mainNav {width: 78em; z-index:10000;position:absolute;} #mainNav ul{} #mainNav ul li{ float: left; width: 11.1em; height: 29px; background : transparent url(/global/images/bg_mainNav.jpg) no-repeat; } /* = position du background ------------------------ */ #mainNav ul li.bt0{background-position: -0px 0px;} #mainNav ul li.bt1{background-position: -335px 0px;} #mainNav ul li.bt2{background-position: -670px 0px;} #mainNav ul li.bt3{background-position: -1005px 0px;} #mainNav ul li.bt4{background-position: -1340px 0px;} #mainNav ul li.bt5{background-position: -1675px 0px;} #mainNav ul li.bt6{background-position: -2010px 0px;} #mainNav ul li a{ display: block; padding: 7px 0px 0px 3px; color: #FFFFFF; text-decoration: none; font-size: 1.1em; font-weight: bold; } /* = puce pour mainNav ------------------------ */ #mainNav ul li.bt1 a{background : transparent url(/global/images/puce_orange.gif) 8.8em 7px no-repeat;} #mainNav ul li.bt2 a{background : transparent url(/global/images/puce_jaune.gif) 8.8em 7px no-repeat;} #mainNav ul li.bt3 a{background : transparent url(/global/images/puce_bleu.gif) 8.8em 7px no-repeat;} #mainNav ul li.bt4 a{background : transparent url(/global/images/puce_vertC.gif) 8.8em 7px no-repeat;} #mainNav ul li.bt5 a{background : transparent url(/global/images/puce_orangeC.gif) 8.8em 7px no-repeat;} #mainNav ul li.bt6 a{background : transparent url(/global/images/puce_rouge.gif) 8.8em 7px no-repeat;} /* = Sous navigation de mainNav (menu pop) ------------------------ */ #mainNav ul li ul{top: 6px; display:none;} #mainNav ul li ul li{background: none; height: auto; border-bottom: 1px #FFFFFF solid; position:relative;} #mainNav ul li ul li a{font-size: 1.1em; font-weight: normal; background: none; padding: 3px 3px 3px 15px !important; } #mainNav ul li ul li ul.niv2{ position:absolute; left:110px; top:0px; } /* = couleur bg sous nav ------------------------ */ #mainNav ul li.bt1 ul li{background-color: #E66B28; border-bottom: 1px #A74008 solid;} #mainNav ul li.bt2 ul li{background-color: #FDB928; border-bottom: 1px #B57912 solid;} #mainNav ul li.bt3 ul li{background-color: #0A8AB7; border-bottom: 1px #184662 solid;} #mainNav ul li.bt4 ul li{background-color: #CDC941; border-bottom: 1px #6B6D12 solid;} #mainNav ul li.bt5 ul li{background-color: #EE773D; border-bottom: 1px #9D3412 solid;} #mainNav ul li.bt6 ul li{background-color: #E93510; border-bottom: 1px #86180Fsolid;} /* = puce bg sous nav ------------------------ */ #mainNav ul li.bt1 ul li a{background : transparent url(/global/images/fleche_orange.gif) 3px 5px no-repeat;} #mainNav ul li.bt2 ul li a{background : transparent url(/global/images/fleche_jaune.gif) 3px 5px no-repeat;} #mainNav ul li.bt3 ul li a{background : transparent url(/global/images/fleche_bleu.gif) 3px 5px no-repeat;} #mainNav ul li.bt4 ul li a{background : transparent url(/global/images/fleche_vert.gif) 3px 5px no-repeat;} #mainNav ul li.bt5 ul li a{background : transparent url(/global/images/fleche_orangeC.gif) 3px 5px no-repeat;} #mainNav ul li.bt6 ul li a{background : transparent url(/global/images/fleche_rouge.gif) 3px 5px no-repeat;} #mainNav ul li ul li a:hover{background : #FFFFFF url(/global/images/fleche_orange.gif) 3px 5px no-repeat; color: #1A4CB3;} /* = Style pour bloc drapeau ACC ------------------------ */ body#accueil #content #langues ul.drapeau, body#generic #content #langues ul.drapeau {padding-top: 8px;} body#accueil #content #langues ul.drapeau li, body#generic #content #langues ul.drapeau li {float: left; } body#accueil #content #langues ul.drapeau li a, body#generic #content #langues ul.drapeau li a { display: block; width: 16px; height: 11px; overflow: hidden; margin-right: 4px; text-indent: -100em; border: 1px #FFFFFF solid; } body#generic #content #langues ul.drapeau li a:hover, body#generic #content #langues ul.drapeau li a:hover {border: 1px #5EAFD8 solid;} body#accueil #content #langues ul.drapeau li.fr a,body#generic #content #langues ul.drapeau li.fr a{background : #FFFFFF url(/global/images/fr.gif) no-repeat;} body#accueil #content #langues ul.drapeau li.d a,body#generic #content #langues ul.drapeau li.d a{background : #FFFFFF url(/global/images/de.gif) no-repeat;} body#accueil #content #langues ul.drapeau li.gb a,body#generic #content #langues ul.drapeau li.gb a{background : #FFFFFF url(/global/images/gb.gif) no-repeat;} /* = Style pour centrale de reservation ------------------------ */ body#accueil #CentralResaHeber { display: block; width: 27em; margin: 15px 0px; padding: 10px 0em 10px 6.7em ; background : transparent url(/global/images/pictReservHeber.gif) 0px 0 no-repeat; } body#accueil #CentralResaActiv { display: block; width: 27em; margin: 15px 0px; padding: 10px 0em 10px 6.7em ; background : transparent url(/global/images/pictReservActiv.gif) 0px 0 no-repeat; } body#accueil #CentralResaHeber p, body#accueil #CentralResaActiv p, body#accueil #CentralResaActiv p a, body#accueil #CentralResaHeber p a {font-size: 1.2em; font-weight: bold; color: #007CAA; text-decoration: none;} body#accueil #CentralResaHeber em, body#accueil #CentralResaActiv em, body#accueil #CentralResaActiv em a, body#accueil #CentralResaHeber em a {font-size: 0.8em; font-weight: normal; color: #007CAA;} /* = Style pour les bloc INFO ------------------------ */ body#accueil #blocInfo1, body#accueil #blocInfo2, body#accueil #blocInfo3 { float: left; margin-right: 2em; width: 20em; } /* = suppression de la marge right ------------------------ */ body#accueil #blocInfo3 {margin-right: 0em !important;} /* = style pour les bloc info ------------------------ */ body#accueil #blocInfo1 h1, body#accueil #blocInfo2 h1, body#accueil #blocInfo3 h1{font-size: 1.4em; color: #0E84C2; font-weight: bold;} body#accueil #blocInfo1 p, body#accueil #blocInfo2 p, body#accueil #blocInfo3 p{font-size: 1.1em; line-height: 1.2em; color: #000000; } body#accueil #blocInfo1 p.SavoirPlus a, body#accueil #blocInfo2 p.SavoirPlus a, body#accueil #blocInfo3 p.SavoirPlus a{font-size: 1.1em; color: #0E84C2; } body#accueil #blocInfo1 h6, body#accueil #blocInfo2 h6, body#accueil #blocInfo3 h6{font-size: 1.1em; margin-bottom: 5px;} /* = Changement de couleur suivant class ------------------------ */ body#accueil #blocInfo1.vacances h1,body#accueil #blocInfo2.vacances h1, body#accueil #blocInfo3.vacances h1, body#accueil #blocInfo1.vacances h6,body#accueil #blocInfo2.vacances h6, body#accueil #blocInfo3.vacances h6, body#accueil #blocInfo1.vacances p.SavoirPlus a, body#accueil #blocInfo2.vacances p.SavoirPlus a, body#accueil #blocInfo3.vacances p.SavoirPlus a{color: #E66B28;} body#accueil #blocInfo1.vacances img, body#accueil #blocInfo2.vacances img, body#accueil #blocInfo3.vacances img {border-color: #E66B28;} body#accueil #blocInfo1.ocean h1,body#accueil #blocInfo2.ocean h1, body#accueil #blocInfo3.ocean h1, body#accueil #blocInfo1.ocean h6,body#accueil #blocInfo2.ocean h6, body#accueil #blocInfo3.ocean h6, body#accueil #blocInfo1.ocean p.SavoirPlus a, body#accueil #blocInfo2.ocean p.SavoirPlus a, body#accueil #blocInfo3.ocean p.SavoirPlus a{color: #FDB928;} body#accueil #blocInfo1.ocean img, body#accueil #blocInfo2.ocean img, body#accueil #blocInfo3.ocean img {border-color: #FDB928;} body#accueil #blocInfo1.loisir h1,body#accueil #blocInfo2.loisir h1, body#accueil #blocInfo3.loisir h1, body#accueil #blocInfo1.loisir h6,body#accueil #blocInfo2.loisir h6, body#accueil #blocInfo3.loisir h6, body#accueil #blocInfo1.loisir p.SavoirPlus a, body#accueil #blocInfo2.loisir p.SavoirPlus a, body#accueil #blocInfo3.loisir p.SavoirPlus a{color: #12A9E0;} body#accueil #blocInfo1.loisir img, body#accueil #blocInfo2.loisir img, body#accueil #blocInfo3.loisir img {border-color: #12A9E0;} body#accueil #blocInfo1.agenda h1,body#accueil #blocInfo2.agenda h1, body#accueil #blocInfo3.agenda h1, body#accueil #blocInfo1.agenda h6,body#accueil #blocInfo2.agenda h6, body#accueil #blocInfo3.agenda h6, body#accueil #blocInfo1.agenda p.SavoirPlus a, body#accueil #blocInfo2.agenda p.SavoirPlus a, body#accueil #blocInfo3.agenda p.SavoirPlus a{color: #AFCD41;} body#accueil #blocInfo1.agenda img, body#accueil #blocInfo2.agenda img, body#accueil #blocInfo3.agenda img {border-color: #AFCD41;} body#accueil #blocInfo1.pratique h1,body#accueil #blocInfo2.pratique h1, body#accueil #blocInfo3.pratique h1, body#accueil #blocInfo1.pratique h6,body#accueil #blocInfo2.pratique h6, body#accueil #blocInfo3.pratique h6, body#accueil #blocInfo1.pratique p.SavoirPlus a, body#accueil #blocInfo2.pratique p.SavoirPlus a, body#accueil #blocInfo3.pratique p.SavoirPlus a{color: #EE773D} body#accueil #blocInfo1.pratique img, body#accueil #blocInfo2.pratique img, body#accueil #blocInfo3.pratique img {border-color: #EE773D} body#accueil #blocInfo1.plus h1,body#accueil #blocInfo2.plus h1, body#accueil #blocInfo3.plus h1, body#accueil #blocInfo1.plus h6,body#accueil #blocInfo2.plus h6, body#accueil #blocInfo3.plus h6, body#accueil #blocInfo1.plus p.SavoirPlus a, body#accueil #blocInfo2.plus p.SavoirPlus a, body#accueil #blocInfo3.plus p.SavoirPlus a{color: #E93510} body#accueil #blocInfo1.plus img, body#accueil #blocInfo2.plus img, body#accueil #blocInfo3.plus img {border-color: #E93510;} body#accueil #blocInfo1.generic h1,body#accueil #blocInfo2.generic h1, body#accueil #blocInfo3.generic h1, body#accueil #blocInfo1.generic h6,body#accueil #blocInfo2.generic h6, body#accueil #blocInfo3.generic h6, body#accueil #blocInfo1.generic p.SavoirPlus a, body#accueil #blocInfo2.generic p.SavoirPlus a, body#accueil #blocInfo3.generic p.SavoirPlus a{color: #E93510} body#accueil #blocInfo1.generic img, body#accueil #blocInfo2.generic img, body#accueil #blocInfo3.generic img {border-color: #E93510;} /* = FOOTER ------------------------ */ #footer{margin-top:30px;} #footer a{color: #FFFFFF; text-decoration: none;} #footer a:hover{text-decoration: underline;} #footer ul {float: right; margin-right: 20px;} #footer ul li{display: block; float: left; height: 16px; margin-left: 10px; padding-top: 2px;} #footer ul li.OffTourisme{background : transparent url(/global/images/picto_offtourisme.jpg) no-repeat; padding-left: 30px;} /*--------------------- Villes fleuris*/ #footer #villeFleuri{ clear:both; width:78em; background-color:#fff; height:48px; padding-top:10px; text-align:center; } #footer #villeFleuri img{margin:0 10px;} /* = STYLE POUR LES PAGES DE RUBRIQUE ------------------------ */ /* = les fond de pages ------------------------ */ body#vacances, body#ocean, body#loisir, body#agenda, body#pratique, body#plus, body#generic{ background: #FFFFFF url(/global/images/bg_bodyRubrique.jpg) repeat-x ; } body#vacances #header, body#ocean #header, body#loisir #header, body#agenda #header, body#pratique #header, body#plus #header, body#generic #header{ height: 120px; background : transparent url(/global/images/bg_headerRubrique.jpg) no-repeat; background-position: center 30px; } /* = BG de content suivant ID BODY ------------------------ */ body#vacances #content{background : transparent url(/global/images/bg_contentRub_vacances.jpg) no-repeat;} body#ocean #content{background : transparent url(/global/images/bg_contentRub_ocean.jpg) no-repeat;} body#loisir #content{background : transparent url(/global/images/bg_contentRub_loisir.jpg) no-repeat;} body#agenda #content{background : transparent url(/global/images/bg_contentRub_agenda.jpg) no-repeat;} body#pratique #content{background : transparent url(/global/images/bg_contentRub_pratique.jpg) no-repeat;} body#plus #content{background : transparent url(/global/images/bg_contentRub_plus.jpg) no-repeat;} body#generic #content{background : transparent url(/global/images/bg_contentRub_generic.jpg) no-repeat;} body#vacances #content, body#ocean #content, body#loisir #content, body#agenda #content, body#pratique #content, body#plus #content,body#generic #content{ background-position: center 0px; } /* = STYLE COMMUN A TOUTES LES SOUS RUBRIQUES ------------------------ */ /* = La navigation de sous rubrique ------------------------ColA */ #ColA {width: 16.5em; padding: 20px 10px 10px 10px; float: left;} /* = sous navigation UL LI ------------------------ */ #ColA ul.sousNav{width: 12.7em;} #ColA ul.sousNav li.accueil{border: none; background : transparent url(/global/images/picto_accueil.jpg) 0.4em 0.2em no-repeat !important;} #ColA ul.sousNav li.accueil a{ padding: 10px 0 10px 20px; color: #12A9E0 !important; } #ColA ul.sousNav li{font-size: 1.1em; padding: 0.5em; border-bottom: 1px #3F8BD9 solid; padding-left: 20px; } #ColA ul.sousNav li a{text-decoration: none; background-position: 0.3em 0.3em;} /* = puce de couleur suivant rubrique ------------------------ */ body#ocean #ColA ul.sousNav li {background : transparent url(/global/images/flecheRub_jaune.gif) no-repeat; border-color: #FDB928;} body#ocean #ColA ul.sousNav li a{ color: #FDB928;} body#vacances #ColA ul.sousNav li {background : transparent url(/global/images/flecheRub_orange.gif) no-repeat; border-color: #E66B28;} body#vacances #ColA ul.sousNav li a{ color: #E66B28;} body#loisir #ColA ul.sousNav li {background : transparent url(/global/images/flecheRub_bleu.gif) no-repeat; border-color: #12A9E0;} body#loisir #ColA ul.sousNav li a{ color: #12A9E0;} body#agenda #ColA ul.sousNav li {background : transparent url(/global/images/flecheRub_vertC.gif) no-repeat; border-color: #AFCD41;} body#agenda #ColA ul.sousNav li a{ color: #AFCD41;} body#pratique #ColA ul.sousNav li {background : transparent url(/global/images/flecheRub_orangeC.gif) no-repeat; border-color: #EE773D;} body#pratique #ColA ul.sousNav li a{ color: #EE773D;} body#plus #ColA ul.sousNav li {background : transparent url(/global/images/flecheRub_rouge.gif) no-repeat; border-color: #E93510;} body#plus #ColA ul.sousNav li a{ color: #E93510;} body#generic #ColA ul.sousNav li {background : transparent url(/global/images/flecheRub_bleu.gif) no-repeat; border-color: #12A9E0;} body#generic #ColA ul.sousNav li a{ color: #12A9E0;} body#ocean #ColA ul.sousNav li, body#vacances #ColA ul.sousNav li, body#loisir #ColA ul.sousNav li, body#agenda #ColA ul.sousNav li, body#pratique #ColA ul.sousNav li, body#plus #ColA ul.sousNav li, body#generic #ColA ul.sousNav li {background-position: 0.3em 0.7em;} #ColA ul.sousNav .sousNav2 li{ border:none; font-size:1em; } /* = contenu de la sous rubrique ------------------------ColB */ #ColB {margin-left: 16.5em; padding: 100px 10px 20px 0px;} /* = Style pour le TEXT de contenu ------------------------ */ #ColB {font-size: 1.1em;} #ColB #resultRubrique { padding:0; margin:0; } #ColB #resultRubrique img{ float:left; } #ColB a { text-decoration:none; font-style:normal; color: #12a9e0; } #ColB a:hover { text-decoration:none; font-style:normal; color: #e66b28; } #ColB #resultRubrique p {font-size: 1.1em; line-height: 1.3em; margin-bottom: 0.5em;} #ColB #resultRubrique h1 {font-size: 2.4em; border-bottom: 1px #12A9E0 solid; color: #12A9E0; margin-bottom: 0.5em;} #ColB #resultRubrique h2 { font-size: 1.8em; color: #FFF; padding:5px; margin: 10px 0 10px 0; background-color:#12A9E0; } #ColB #resultRubrique .etoile { padding:0; margin:0 5px 0 0 !important; border: none !important; float:right; } #ColB #resultRubrique .lienReser { padding:5px; margin:10px 0 !important; float:left; background-color:#77c1f0; color:#FFF; font-weight:bold; } #ColB #resultRubrique .lienEval { padding:5px; margin:5px 0 !important; font-weight:bold; background-color:#77c1f0; } #ColB #resultRubrique .lienEval a { text-decoration:none; font-style:normal; color: #FFF; } #ColB #resultRubrique .lienEval a:hover { text-decoration:none; font-style:normal; color: #12A9E0; } #ColB h1 { font-size: 1.8em; line-height: 1.8em; color: #12A9E0; margin:0 0px 10px 0px; padding:10px 0 5px 0; border-bottom: 1px #12A9E0 solid; width:550px; } #ColB h2 { font-size: 1.6em; font-style: italic; line-height: 1.6em; color: #12A9E0; margin:0; padding:10px 0 5px 0; } #ColB h3 { font-size: 1.3em; font-style: italic; line-height: 1.5em; color: #12A9E0; margin:0; padding:10px 0 5px 0; } #ColB h4 { font-size: 1.2em; font-style: italic; color: #12A9E0; margin-top: 0.5em; } #ColB h5 { font-size: 1.1em; font-style: italic; color: #12A9E0; margin-top: 0.5em; } #ColB table{ width: 100%; border-collapse: collapse; margin-top: 1em; } #ColB table th{background: #1A8AB3 url(/global/images/fond_tab.jpg) 1px 1px no-repeat; color: #FFFFFF; text-align: left; font-size: 1.2em; border: 1px #77C1F0 solid; } #ColB table td {font-size: 1.1em; border: 1px #77C1F0 solid;} #ColB ul {margin:0; list-style-position: inside;} #ColB ul li { list-style-type: square; color:#1A8AB3; padding: 0.2em; font-size: 1.1em; } #ColB ul li ul li{list-style-type: square; padding: 0.1em 0.1em 0.1em 5em; font-size: 1em;font-style:italic;} #ColB p {padding:0 5px 0 0; line-height:1.3em;} #ColB img { padding:0; margin:0 5px 5px 0; border-bottom: 4px #77C1F0 solid; } #ColB img.visLocation { padding:0; margin:0 5px 5px 0; border-bottom: 4px #77C1F0 solid; float:left !important; } #ColB hr {clear:both; visibility:hidden; padding-top:20px;} .pasdebord{border:none !important;} /*Div évaluation*/ #ColB #resultRubrique .classEval{ border-bottom: 2px #77C1F0 solid; width:570px; padding:10px; font-size:1.1em; color:#77C1F0; } #ColB #resultRubrique label{ font-weight:bold; font-size:1.2em; color:#77C1F0; padding:0; } #ColB #resultRubrique input { font-size:1.1em; color:#77C1F0; padding:0; } #ColB #resultRubrique .btnVote{ font-size:1.1em; color:#FFF !important; border: none; background-color:#77C1F0; padding:2px 3px; margin:0 0 0 10px; } #ColB #resultRubrique .btnFermer{ font-size:1.1em; color:#FFF !important; border: none; background-color:#77C1F0; float:left; padding:2px 3px; margin:10px 0 20px 0; } /* = STYLE POUR LA RUBRIQUE METEO ------------------------ */ #ColB #meteoColGch{ float:left; padding:0; margin:0; width:235px; } #ColB #meteoColDrt{ margin:10px 0 0 10px; float:left; } /* = STYLE POUR LA RUBRIQUE AGENDA ------------------------ */ body#agenda #ColB .agendaBloc h2, body#loisir #ColB .agendaBloc h2{ margin-top: 20px; } body#agenda #ColB p.imgAgenda img, body#loisir #ColB p.imgAgenda img{ float: left; display: block; width: 120px; height: 120px; } body#agenda #ColB p.date, body#agenda #ColB p.lieu, body#agenda #ColB p.txtAgenda { } body#agenda #ColB p.date, body#loisir #ColB p.date { padding-left: 20px; background: transparent url(/global/images/picto_date.gif) no-repeat; font-size: 1.2em; font-weight: bold; } body#agenda #ColB p.lieu, body#loisir #ColB p.lieu { padding-left: 20px; background: transparent url(/global/images/picto_lieu.gif) no-repeat; font-size: 1.1em; font-style: italic; } body#agenda fieldset, body#loisir fieldset {padding:0px; margin-bottom:10px; border:none;} body#agenda fieldset p, body#loisir fieldset p {margin:0px; padding:0px;} body#agenda fieldset p.infoComplement {display:block; background-color:#CDC941; padding:3px 5px 3px 5px; font-size:1.6em; color:#FFF;} body#loisir fieldset p.infoComplement {display:block; background-color:#12A9E0; padding:3px 5px 3px 5px; font-size:1.6em; color:#FFF;} body#agenda fieldset p.rubrique, body#agenda fieldset p.plus {font-size:1.3em; font-weight:bold; color:#CDC941; margin-top:10px;} body#loisir fieldset p.rubrique, body#loisir fieldset p.plus {font-size:1.3em; font-weight:bold; color:#12A9E0; margin-top:10px;} body#agenda fieldset ul li, body#loisir fieldset ul li {list-style-type:none;} body#agenda p.telephone, body#agenda p.handicap, body#agenda p.plus, body#agenda p.Langues, body#agenda p.adresse, body#agenda p.Mail, body#agenda p.site, body#agenda p.TypeM, body#agenda p.classement, body#loisir p.Nbpersonne, body#loisir p.telephone, body#loisir p.handicap, body#loisir p.plus, body#loisir p.Langues, body#loisir p.adresse, body#loisir p.Mail, body#loisir p.site, body#loisir p.TypeM, body#loisir p.classement, body#loisir p.Nbpersonne {padding:1px 0px 1px 25px; margin-top:3px;} body#loisir p.telephone,body#agenda p.telephone {background: transparent url(/global/images/telephone.gif) 0px 2px no-repeat;} body#loisir p.handicap,body#agenda p.handicap {background: transparent url(/global/images/handicap.gif) 0px 2px no-repeat;} body#loisir p.plus,body#agenda p.plus {background: transparent url(/global/images/plus.gif) 0px 2px no-repeat;} body#loisir p.Langues,body#agenda p.Langues {background: transparent url(/global/images/langues.gif) 0px 2px no-repeat;} body#loisir p.adresse,body#agenda p.adresse {background: transparent url(/global/images/house.gif) 0px 2px no-repeat;} body#loisir p.Mail,body#agenda p.Mail {background: transparent url(/global/images/email.gif) 0px 2px no-repeat;} body#loisir p.site,body#agenda p.site {background: transparent url(/global/images/site.gif) 0px 2px no-repeat;} body#loisir p.TypeM,body#agenda p.TypeM {background: transparent url(/global/images/typeM.gif) 0px 2px no-repeat; margin-top:5px;} body#loisir p.classement,body#agenda p.classement {background: transparent url(/global/images/classement.gif) 0px 2px no-repeat;} body#loisir p.Nbpersonne,body#agenda p.Nbpersonne {background: transparent url(/global/images/Nbpersonne.gif) 0px 2px no-repeat;} /* = Hebregement recherche ------------------------ */ body#vacances fieldset.float{float:left; width:270px; margin-right:3px; height:185px; overflow:hidden; position:relative;} body#vacances fieldset.collectif{float:left; width:545px; margin-right:3px; height:80px; overflow:hidden; position:relative;} body#vacances fieldset, body#hebergement fieldset { margin-bottom:20px; border: 1px #FAE3D5 solid; background:#FAEBD5; } body#vacances fieldset h2, body#hebergement fieldset h2 { background:#E66B28; display:block; padding:0px 5px 0px 40px; height:40px; font-size:1.3em; color:#FFF; font-weight:bold; } body#vacances fieldset.camping h2{background:#E66B28 url(/global/images/bgrecherche_camping.gif) no-repeat;} body#vacances fieldset.hotel h2{background:#E66B28 url(/global/images/bgrecherche_hotel.gif) no-repeat;} body#vacances fieldset.maison h2{background:#E66B28 url(/global/images/bgrecherche_maison.gif) no-repeat;} body#vacances fieldset.residence h2{background:#E66B28 url(/global/images/bgrecherche_residence.gif) no-repeat;} body#vacances fieldset.collectif h2{background:#E66B28 url(/global/images/bgrecherche_residence.gif) no-repeat;} body#vacances fieldset select{width:260px; margin-top:5px; border: 1px #E66B28 solid;} body#vacances fieldset button.btrecherche{border: 1px #E66B28 solid; width:260px; background:#FFF; color:#E66B28; margin-bottom:10px; cursor:pointer;} body#vacances fieldset.collectif button.btrecherche{border: 1px #E66B28 solid; width:530px; background:#FFF; color:#E66B28; margin-bottom:10px; cursor:pointer;} body#vacances fieldset p{color:#E66B28; padding:0px 5px 0px 5px; font-size:1.1em;} body#vacances fieldset p.btradio{color:#000;font-size:1em;} body#vacances fieldset.collectif p{margin-top:5px;} body#vacances fieldset h3{ color:#E66B28; font-size:1.4em; font-weight:bold; font-style:normal; margin:5px 0px 0px 5px; padding:0px;} /* = resluat recherche + fiche----------------------- */ body#vacances fieldset.recherche {background:#fff;} body#vacances fieldset.info {margin-top:5px;} body#vacances fieldset p.nom {font-size:1.6em; font-weight:bold;} body#vacances fieldset p.dscrption {color:#000; margin-bottom:5px; font-size:1em;} body#vacances fieldset p.telephone, body#vacances fieldset p.Mail, body#vacances fieldset p.Nbpersonne, body#vacances fieldset p.classement, body#vacances fieldset p.TypeM, body#vacances fieldset p.adresse, body#vacances fieldset p.site, body#vacances fieldset p.Langues, body#vacances fieldset p.plus, body#vacances fieldset p.handicap {font-size:1.2em; font-weight:bold; margin:0px 0px 0px 10px; padding-left:20px;} body#vacances fieldset p.telephone {background: transparent url(/global/images/telephone.gif) 0px 2px no-repeat;} body#vacances fieldset p.handicap {background: transparent url(/global/images/handicap.gif) 0px 2px no-repeat;} body#vacances fieldset p.plus {background: transparent url(/global/images/plus.gif) 0px 2px no-repeat;} body#vacances fieldset p.Langues {background: transparent url(/global/images/langues.gif) 0px 2px no-repeat;} body#vacances fieldset p.adresse {background: transparent url(/global/images/house.gif) 0px 2px no-repeat;} body#vacances fieldset p.Mail {background: transparent url(/global/images/email.gif) 0px 2px no-repeat;} body#vacances fieldset p.site {background: transparent url(/global/images/site.gif) 0px 2px no-repeat;} body#vacances fieldset p.TypeM {background: transparent url(/global/images/typeM.gif) 0px 2px no-repeat; margin-top:5px;} body#vacances fieldset p.classement {background: transparent url(/global/images/classement.gif) 0px 2px no-repeat;} body#vacances fieldset p.Nbpersonne {background: transparent url(/global/images/Nbpersonne.gif) 0px 2px no-repeat;} body#vacances fieldset p.Mail a, body#vacances fieldset p.site a{text-decoration:none; color:#E66B28;} body#vacances fieldset p.fiche, body#vacances fieldset p.infoComplement{background:#E66B28; display:block; height:23px; padding-top:3px;} body#vacances fieldset p.fiche a{background: transparent url(/global/images/information.gif) 0px 0px no-repeat; padding:0px 0px 0px 20px; color:#FFF;} body#vacances fieldset p.infoComplement {color:#FFF; font-size:1.3em;} body#vacances fieldset p.rubrique{ background:#FAEBD5; display:block; height:23px; padding-top:3px; margin-top:10px; font-size:1.3em; color:#E66B28; font-weight:bold; } ul li.nonestyle{list-style-type:none !important; list-style-image:none !important;} /* = STYLE POUR ECARD ------------------------ */ .ecardSelect {float:left;} .ecardSelect img{border-color:#E93510 !important; } .ecardSelect a{border: none !important;} .ecardSelect p{font-size:0.9em !important; margin-left:4px; } #EcardMessage img{border-color:#E93510;} #EcardMessage p{margin:0px !important; padding:0px !important} #EcardMessage {border: 1px #E93510 solid; display:block; padding:3px; text-align:center;} #EcardMessage textarea, #EcardMessage p.expedit input, #EcardMessage p.destina input{border:none; background:#F8F2E7; width:500px;} #EcardMessage label{display:block; width:50px; float:left; text-align:right; margin-right:5px;} #EcardMessage p.expedit, #EcardMessage p.destina {margin:5px 0px 5px 0px !important;} #EcardMessage p.expedit input, #EcardMessage p.destina input {float:left; width:200px;} #EcardMessage textarea {width:500px; height:80px; margin-top:10px;} /*-------------------------------------------------------------------------------------*/ /* = Formulaire de contact */ /*-------------------------------------------------------------------------------------*/ #form {} #form fieldset{background-color:#E4EDF3; margin-bottom:10px; border:none;padding:10px;} #form fieldset p.label{float:left; width:180px; color:#122A3A; text-align:right;} #form fieldset p.field{margin-left:200px; line-height:1.6em; border-left:1px #7FB1D2 solid; padding-left:10px;} #form input.field_radio,#form input.field_checkbox{border:none; position:relative; top:2px;} #form input.field_checkbox{top:0px;} #form .radio_label,#form .checkbox_label{margin-left:5px;} #form input.textfield,#form input.email,#form textarea.textarea{width:300px;} #form em.required{color:red; font-size:1.3em; position:relative; left:18@px;} /* = Style pour centrale de reservation dans page hebergment------------------------ */ body#vacances #CentralResaHeber { display: block; width: 27em; margin: 13px 0px 13px 0px; padding: 10px 0em 10px 6.7em ; background : transparent url(/global/images/pictReservHeber.gif) 0px 10px no-repeat; } body#vacances #CentralResaActiv { display: block; width: 27em; margin: 15px 0px; padding: 10px 0em 10px 6.7em ; background : transparent url(/global/images/pictReservActiv.gif) 0px 0 no-repeat; } body#vacances #CentralResaHeber p, body#vacances #CentralResaActiv p, body#vacances #CentralResaActiv p a, body#vacances #CentralResaHeber p a {font-size: 1.2em; font-weight: bold; color: #007CAA; text-decoration: none !important;} body#vacances #CentralResaHeber em, body#vacances #CentralResaActiv em, body#vacances #CentralResaActiv em a, body#vacances #CentralResaHeber em a {font-size: 0.8em; font-weight: normal; color: #007CAA !important;} /* = POsition iframe */ #ColB iframe {position:relative; top:0px; left:0px; overflow:auto; clear:none; width:570px;} #ColB iframe.deux {float:left; top:0px; left:0px; overflow:hidden; clear:none; width:290px;} /*--------------------- Activite*/ #moteur.activite{ } #moteur.activite fieldset{ width:300px; text-align:center; background:#FAEBD5 none repeat scroll 0%; border:1px solid #FAE3D5 !important; margin-bottom:20px !important; } #moteur.activite fieldset h2 {background:#E66B28 url(/global/images/bgrecherche_activites.gif) no-repeat scroll 0%} #moteur.activite fieldset .btrecherche{ background:#FFFFFF none repeat scroll 0%; border:1px solid #E66B28; color:#E66B28; margin-bottom:10px; width:170px; }