*{ margin:0px; padding:0px; } body { background-color: #5a7e92; margin-top: 0px; } p {margin: 0px;} #titre{ /*Pour la mise en page, définir des lignes d'espaces pour pouvoir laisser la place à l'image de fond de s'insérer, elle est en position absolue*/ position:absolute; padding-top:350px; left: 26px; top: 340px; } #accueil-hebergements{background-image:url(images/fond-hebergement-ile-oleron.jpg); width:351px; height:173px; background-repeat:no-repeat} #accueil-commerces{background-image:url(images/fond-commerce-ile-oleron.jpg); width:351px; height:173px; background-repeat:no-repeat} #accueil-restaurants{background-image:url(images/fond-restaurants-ile-oleron.jpg); width:351px; height:173px; background-repeat:no-repeat} #accueil-sports{background-image:url(images/fond-activite-sportive-ile-oleron.jpg); width:351px; height:173px; background-repeat:no-repeat} #accueil-terroir{background-image:url(images/fond-terroir-ile-oleron.jpg); width:351px; height:173px; background-repeat:no-repeat} #accueil-culture{background-image:url(images/fond-culture-ile-oleron.jpg); width:351px; height:173px; background-repeat:no-repeat} #accueil-sortir{background-image:url(images/fond-sortir-ile-oleron.jpg); width:351px; height:173px; background-repeat:no-repeat} #accueil-manifestations{background-image:url(images/fond-manifestations-ile-oleron.jpg); width:351px; height:173px; background-repeat:no-repeat} #accueil-artistes{background-image:url(images/fond-artistes-ile-oleron.jpg); width:351px; height:173px; background-repeat:no-repeat} #accueil-agenda-manif{background-image:url(images/agenda-manifestations.jpg); width:293px; height:309px; background-repeat:no-repeat; padding-left:15px; padding-right:20px} #galerie-photos{background-image:url(images/galerie-photos.jpg); width:293px; height:250px; background-repeat:no-repeat; text-align:center } #accueil-agenda-manif a:link {color: #FF0000; font-size:16px} #accueil-agenda-manif a:hover {color:#FF0000; font-size:16px} #accueil-agenda-manif a:active {color:#FF0000; font-size:16px} #accueil-agenda-manif a:visited {color:#FF0000; font-size:16px} #accueil-hebergement a:link {color:#FF9900; font-size:16px} #accueil-hebergement a:hover {color:#FF9900; font-size:16px} #accueil-hebergement a:active {color:#FF9900; font-size:16px} #accueil-hebergement a:visited {color:#FF9900; font-size:16px} #accueil-commerce a:link {color:#858585; font-size:16px} #accueil-commerce a:hover {color:#858585; font-size:16px} #accueil-commerce a:active {color:#858585; font-size:16px} #accueil-commerce a:visited {color:#858585; font-size:16px} #accueil-restaurant a:link {color:#d000ce; font-size:16px} #accueil-restaurant a:hover {color:#d000ce; font-size:16px} #accueil-restaurant a:active {color:#d000ce; font-size:16px} #accueil-restaurant a:visited {color:#d000ce; font-size:16px} #accueil-sport a:link {color:#4696cb; font-size:15px} #accueil-sport a:hover {color:#4696cb; font-size:15px} #accueil-sport a:active {color:#4696cb; font-size:15px} #accueil-sport a:visited {color:#4696cb; font-size:15px} #accueil-decouverte-terroir a:link {color:#116600; font-size:16px} #accueil-decouverte-terroir a:hover {color:#116600; font-size:16px} #accueil-decouverte-terroir a:active {color:#116600; font-size:16px} #accueil-decouverte-terroir a:visited {color:#116600; font-size:16px} #accueil-site-culture a:link {color:#d000ce; font-size:16px} #accueil-site-culture a:hover {color:#d000ce; font-size:16px} #accueil-site-culture a:active {color:#d000ce; font-size:16px} #accueil-site-culture a:visited {color:#d000ce; font-size:16px} #accueil-sortir-oleron a:link {color:#c2b700; font-size:16px} #accueil-sortir-oleron a:hover {color:#c2b700; font-size:16px} #accueil-sortir-oleron a:active {color:#c2b700; font-size:16px} #accueil-sortir-oleron a:visited {color:#c2b700; font-size:16px} #accueil-manif a:link {color:#2f50be; font-size:16px} #accueil-manif a:hover {color:#2f50be; font-size:16px} #accueil-manif a:active {color:#2f50be; font-size:16px} #accueil-manif a:visited {color:#2f50be; font-size:16px} #accueil-artiste a:link {color:#d63685; font-size:16px} #accueil-artiste a:hover {color:#d63685; font-size:16px} #accueil-artiste a:active {color:#d63685; font-size:16px} #accueil-artiste a:visited {color:#d63685; font-size:16px} #description {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #666666; padding-left:20px} #texte-accueil h2 a{padding-left: 10px;padding-top : 10px;text-align:center;} #liens-pied{padding-top:3px;padding-left:20px;padding-bottom:3px;padding-right:20px;} #liens-pied a:link{color:#333333;} #liens-pied a:hover{color:#333333;} #liens-pied a:active{color:#333333;} #liens-pied a:visited{color:#333333;} #liens-pied-titre-hebergement{padding-top:4px;padding-left:20px;padding-bottom:10px;padding-right:20px;} #liens-pied-titre-hebergement a:link{color:#333333;} #liens-pied-titre-hebergement a:hover{color:#333333;} #liens-pied-titre-hebergement a:active{color:#333333;} #liens-pied-titre-hebergement a:visited{color:#333333;} #liens-pied-titre-utile{padding-top:4px;padding-left:20px;padding-bottom:10px;padding-right:20px;} #liens-pied-titre-divers{padding-top:4px;padding-left:20px;padding-bottom:10px;padding-right:20px;} #liens-pied-titre-manifestations{padding-top:4px;padding-left:20px;padding-bottom:10px;padding-right:20px;} #liens-pied-titre-manifestations a:link{color:#1c47a1;} #liens-pied-titre-manifestations a:hover{color:#1c47a1;} #liens-pied-titre-manifestations a:active{color:#1c47a1;} #liens-pied-titre-manifestations a:visited{color:#1c47a1;} #liens-hebergement h2 a{color:#f5aa19;padding-left: 10px;padding-top : 10px;text-align:center;} #liens-restaurants h2 a{color:#c94a89;padding-left: 10px;padding-top : 10px;text-align:center;} #liens-sports h2 a{color:#4696cb;padding-left: 10px;padding-top : 10px;text-align:center;} #liens-sortir h2 a{color:#b1a9a9;padding-left: 10px;padding-top : 10px;text-align:center;} #liens-manifestations h2 a{color:#1c47a1;padding-left: 10px;padding-top : 10px;text-align:center;} #hebergement-ile-oleron h2 {font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#666666;padding-left:20px} #fond-pied-hebergement{background: url("images/hebergement-oleron-pied.png") center top;background-repeat:no-repeat;height:245px;padding:10px;} #fond-pied-hebergement a:link {color:#ff9000;text-decoration:none;} #fond-pied-hebergement a:hover {color:#ff9000;text-decoration:none;} #fond-pied-hebergement a:active {color:#ff9000;text-decoration:none;} #fond-pied-hebergement a:visited {color:#ff9000;text-decoration:none;} #fond-pied-adresses-utiles{background: url("images/adresses-utiles-oleron-pied.png") center top;background-repeat:no-repeat;height:245px;color:#ad005a;padding:10px;} #fond-pied-adresses-utiles a:link {color:#ad005a;text-decoration:none;} #fond-pied-adresses-utiles a:hover {color:#ad005a;text-decoration:none;} #fond-pied-adresses-utiles a:active {color:#ad005a;text-decoration:none;} #fond-pied-adresses-utiles a:visited {color:#ad005a;text-decoration:none;} #fond-pied-divers{background: url("images/divers-oleron-pied.png") center top;background-repeat:no-repeat;height:245px;color:#1fa600;padding:10px;} #fond-pied-divers a:link {color:#1fa600;text-decoration:none;} #fond-pied-divers a:hover {color:#1fa600;text-decoration:none;} #fond-pied-divers a:active {color:#1fa600;text-decoration:none;} #fond-pied-divers a:visited {color:#1fa600;text-decoration:none;} #fond-pied-manifestations{background: url("images/manifestations-oleron-pied.png") center top;background-repeat:no-repeat;height:245px;padding:10px;} #fond-pied-manifestations a:link {color:#1c47a1;text-decoration:none;} #fond-pied-manifestations a:hover {color:#1c47a1;text-decoration:none;} #fond-pied-manifestations a:active {color:#1c47a1;text-decoration:none;} #fond-pied-manifestations a:visited {color:#1c47a1;text-decoration:none;} .lien-haut-page a:link {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333; text-decoration:none} .lien-haut-page a:visited {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333; text-decoration:none} .lien-haut-page a:hover {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999999; text-decoration:underline} .lien-haut-page a:active {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333; text-decoration:none} #fond-catalogues{ background-color: #E9E9E9; } #tableau-accueil a{ text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #666666; } #tableau-accueil a img{ border: none; } #handi{padding:10px} #container { width: 1024px; /*background-image: url(img_body/background.gif);*/ background-color:#FFFFFF; background-repeat: repeat-y; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; position: relative; } #footer { width: 1024px; /*background-color:#FFFFFF;*/ /*background-image: url(img_body/background.gif); background-repeat: repeat-y;*/ background:#FFFFFF; margin-left: auto; margin-right: auto; position: relative; /*height: 41px;*/ padding-right: 15px; padding-left: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #666; text-align: center; padding-top: 30px; } #footer a { color: #666; text-decoration: underline; } #animflash { width: 970px; height: 95px; background-color: #0f70aa; } #details{background-color: #CCCCCC} #titre-details { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; font-weight:bold; text-align:center; padding-top: 10px; padding-left:20px; padding-right:20px; padding-bottom: 10px} #contenu-details{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333333; font-weight:100; text-align:left; padding-top: 10px; padding-left:20px; padding-right:20px; padding-bottom: 10px} .bold{font-weight:bold;color:#FFF} .blanc{color:#FFF; font-weight:100} .handi-space{padding:20px} .handi-space-parking{padding-left:150px; padding-top:20px; padding-right:20px; padding-bottom:20px} .page-hebergement{background-repeat:no-repeat;text-align:center; position: top center} .titre-listing{font-family: Arial, Helvetica, sans-serif;font-size:18px;text-align:left;color: #FFF;font-weight: bold;margin-left: 0px;margin-top: 5px;margin-bottom: 10px;margin-right: 0px;padding-left: 20px;} /*#####################################################################################*/ /*####################### DEBUT DU MENU CSS ######################################*/ /*#####################################################################################*/ #menu {position:absolute;top:320px;left:15px;width:1024px;z-index:16} div#menu a {color: #FFF}/*Couleur du texte des liens du menu*/ div#menu ul {margin:0px; background: #FFFF00; text-align:center}/*couleur de la barre qui se situe dans le sous menu*/ div#menu {background-color:#000;}/*couleur de fond de la bande du menu METTRE EN NOIR POUR AVOIR UN SEUL BANDEAU*/ div#menu li {background:#000;width:184px; margin-left:5px}/*Couleur de fond du sous menu*/ div#menu li:hover {background: #333333;}/* Couleur de fond du sous menu au survol de la souris */ div#menu li.sousmenu:hover {background: #333333;}/* Couleur de fond du menu au survol de la souris */ /* rajout couleur de fond */ /*div#menu li.sousmenu {background: url(images/fleche.png) 95% 50% no-repeat; background-color:#000;width:189px}/*Couleur de fond du menu principal AVEC UNE FLECHE DE DEROULEMENT*/ div#menu li.sousmenu {background-color:#000;width:198px}/*Couleur de fond du menu principal*/ /*189*/ /* rajout pr pour flèche direction bas et couleur de fond*/ /*div#menu li.plop { background:url(images/fleche.png) 95% 50% no-repeat #FFF;}/*AVEC LA FLECHE DE DEFILEMENT*/ /* une petite bordure en top*/ div#menu ul li {position:relative; list-style: none; float:left; border-top:1px solid} div#menu ul ul {position: absolute;display:none; width:95px} div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:189px}/*taille du texte du sous menu*/ div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;position:absolute; top:30px;left:0} div#menu ul.niveau3 {top:-1px;right: 283px;} div#menu ul.niveau2 li {width:193px} /* rajout de couleures de fond et de survol */ div#menu ul.niveau3 li { background: #99CCCC; position:relative;right:198px;bottom:31px}/*Couleur de fond du menu de troisième niveau*/ /*A TRAVAILLER A CE NIVEAU POUR LE SOUS MENU*/ div#menu ul.niveau3 li:hover { background: #99CC00}/*Couleur de fond du menu de troisième niveau AU SURVOL*/ /*#manger ul {background-color:#FF3399}; #dormir ul {background-color:#FF6600}; #faire ul {background-color:#00CC00}; #deplacer ul {background-color:#0099CC}; /*#####################################################################################*/ /*######################### FIN DU MENU CSS ######################################*/ /*#####################################################################################*/ #diaporama { width: 1024px; height: 211px; margin-top: 3px; } #news{ width: 1024px; height: 20px; position: absolute; /*background-image: url(img_body/Post-it.png);*/ background-color: #FFF;/*couleur du scroll*/ } #myscroller { margin-top: 0px; height: 20px; position: relative; /*overflow:hidden; /*pour cacher se qui se trouve en dehors du champ*/ font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; } #flash { width: 1024px; height: 200px; } .newstitre { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #333333; margin-top: 2px; width:1024px; } .newstexte { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin-top: 5px; color: #333333; } #haut-droite { width: 220px; height: 65px; background-image: url(img_body/haut-col-droite.jpg); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; color: #C50068; padding-top: 70px; padding-left: 50px; } #lien-info-pratique { width: 220px; height: 65px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #000; } #lien-info-pratique a{ width: 220px; height: 65px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #000; text-decoration:none; } #colonne-accueil a { text-align:center; text-decoration:none; font-size:14px; font-weight:bold; color: #000; } #colonne-accueil a img{ border:none; } #bas-droite { width: 230px; background-image: url(img_body/bas-col-droite.jpg); background-position: bottom; background-repeat: repeat-y; color: #785027; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding-left: 20px; padding-right: 20px; text-align: justify; } #bas-droite-catalogues { width: 230px; background-image: url(img_body/bas-col-droite.jpg); background-position: bottom; background-repeat: repeat-y; color: #785027; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding-left: 20px; padding-right: 20px; text-align: justify; } #bas-droite-catalogues a { color: #785027; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration:none; } #colonne-droite a { width: 230px; background-image: url(img_body/bas-col-droite.jpg); background-position: bottom; background-repeat: repeat-y; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; padding-left: 20px; padding-right: 20px; text-align: center; text-decoration:none; } #bas-droite p{ margin-bottom: 10px; } #recherche .fushia{ font-family: Arial, Helvetica, sans-serif; margin-left: 10px; font-size: 90%; } #recherche select { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #333; } #recherche #button { font-family: Arial, Helvetica, sans-serif; font-size: 90%; } #intro { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin-top: 30px; margin-bottom: 10px; padding-right: 20px; padding-left: 10px; height: 70px; color: #C50068; } #titre { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; background-repeat:no-repeat; width: 515px; height: 45px; margin-top: 70px; margin-bottom: 20px; margin-left: 10px; background-image: url(img_body/barre-titre.jpg); color: #990033; font-size: 1em; font-weight: bold; padding-top: 2px; padding-left:40px; } .chemin {padding-top:10px} .chemin a{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color: #999999} .chemin a:hover{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color: #000} .txt-village { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin-left: 40px; margin-right: 40px; margin-bottom: 10px; text-align: justify; } .photogauche { float: left; margin-right: 10px; border: 1px solid #000; } .photodroite { float: right; margin-left: 10px; border: 1px solid #000; } .galeriephoto { border: 1px solid #000; } #france { float: right; margin-left: 5px; margin-right: 20px; } .centrer { } #villages { background-color: #cebca5; height:25px;padding-top:5px } #villages a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 1em; font-weight: bold; color: #FFF; background-color: #cebca5; width: 150px; height:50px; /*display: block;*/ margin-left: 40px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; margin-bottom: 2px; } #villages a:hover { color: #663333; /*background-color: #FFF;*/ } .soustitre { width: 178px; height: 19px; margin-left: 20px; /*background-image: url(img_body/barre-soustitre.jpg);*/ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0F70AA; font-size: 0.9em; padding-top: 2px; padding-left: 10px; margin-bottom: 10px; clear: both; } #villages p { margin: 0px; } #liensvillage a { text-decoration: none; color: #999; } #liensvillage a:hover { color: #C5009D; } #liensvillage a:visited { color: #999; } #cartegoogle { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin-left: 40px; margin-right: 20px; border: 1px solid #C50083; } #meteo { width: 230px; background-image: url(img_body/bas-col-droite.jpg); background-position: bottom; background-repeat: repeat-y; color: #785027; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding-left: 20px; padding-right: 20px; text-align: center; } #publo_meteo { margin-left: 20px; } #contact { margin-right: 20px; margin-left: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; } #liens-telechargements a{ color:#000000; font-size:14px; text-decoration:none; } .centrer { text-align: center; } .heberge-titre {font-family: Arial, Helvetica, sans-serif;font-size:18px;text-align:left;color: #FFF;font-weight: bold;margin-left: 0px;margin-top: 5px;margin-bottom: 10px;margin-right: 0px;padding: 0px;} .manifs-titre {font-family: Arial, Helvetica, sans-serif;font-size:16px;text-align:left;color: #FFF;font-weight: bold;margin-left: 0px;margin-top: 5px;margin-bottom: 10px;margin-right: 0px;padding: 0px;} .heberge-comment {font-family: Arial, Helvetica, sans-serif;font-size:16px;margin-left: 0px;margin-right: 20px;color: #333; /*couleur du commentaire*/} .heberge-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;margin-right: 0px;font-size: 0.8em;background-image:url(img_body/fond-liste-resto.png);background-repeat:no-repeat;} .heberge-table a{color: #CF0068;text-decoration: none} .heberge-table a:hover{color: #CF0068;text-decoration: underline} .heberge-table-detail {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;margin-right: 0px;font-size: 1em;font-weight:bold;font-style:italic; background-color: #FFFFFF} .heberge-table-detail a{color: #FFFFFF ;text-decoration: none} .heberge-table-detail a:hover{color: #000000;text-decoration: none} .retrait{padding-left:20px; padding-right:20px} .restaurants-table-simple {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-restaurants-simple.png);background-repeat:no-repeat} .locations-table-simple {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-locations-simple.png);background-repeat:no-repeat} .chambres-table-simple {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-chambre-simple.png);background-repeat:no-repeat} .hotels-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-hotels.png);background-repeat:no-repeat} .hotels-table-simple{margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-hotels-simple.png);background-repeat:no-repeat} .hotels-table a{color: #d12410;text-decoration: none} .hotels-table a:hover{color: #d12410;text-decoration: underline} .campings-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-campings.png);background-repeat:no-repeat} .campings-table-simple {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-campings-simple.png);background-repeat:no-repeat} .campings-table a{color: #009900;text-decoration: none} .campings-table a:hover{color: #009900;text-decoration: underline} .chambre-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-chambre.png);background-repeat:no-repeat} .chambre-table a{color: #FF6600;text-decoration: none} .chambre-table a:hover{color: #FF6600;text-decoration: underline} .locations-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-locations.png);background-repeat:no-repeat} .locations-table a{color: #b9973e;text-decoration: none} .locations-table a:hover{color: #b9973e;text-decoration: underline} .residences-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-residences.png);background-repeat:no-repeat} .residences-table-simple{margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-residences-simple.png);background-repeat:no-repeat} .residences-table a{color: #b614db;text-decoration: none} .residences-table a:hover{color: #b614db;text-decoration: underline} .villages-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-villages-vac.png);background-repeat:no-repeat} .villages-vac-table-simple {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-villages-simple.png);background-repeat:no-repeat} .villages-table a{color: #CC9900;text-decoration: none} .villages-table a:hover{color: #CC9900;text-decoration: underline} .autres-loc-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-autres-loc.png);background-repeat:no-repeat} .autres-loc-table a{color: #45abaf ;text-decoration: none} .autres-loc-table a:hover{color: #45abaf;text-decoration: underline} .camping-car-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-camping-car.png);background-repeat:no-repeat} .camping-car-table a{color: #d85b12;text-decoration: none} .camping-car-table a:hover{color: #d85b12;text-decoration: underline} .manifs-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-manifs.png);background-repeat:no-repeat} .manifs-table a{color: #003333;text-decoration: none} .manifs-table a:hover{color: #003333;text-decoration: underline} .culture-table-simple {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-culture-simple.png);background-repeat:no-repeat} .commerces-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-commerces.png);background-repeat:no-repeat} .commerces-table-simple {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-commerces-simple.png);background-repeat:no-repeat} .commerces-table a{color: #666666;text-decoration: none} .commerces-table a:hover{color: #666666;text-decoration: underline} .sports-table {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-autres-loc.png);background-repeat:no-repeat} .sports-table-simple {margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;background-image:url(img_body/fond-liste-sports-simple.png);background-repeat:no-repeat} .sports-table a{color: #45abaf;text-decoration: none} .sports-table a:hover{color: #45abaf;text-decoration: underline} .titre-fiche { font-family: Arial, Helvetica, sans-serif; font-size:22px; text-align:left; padding-left:20px; color: #FFF; font-weight: bold; margin-left: 20px; margin-top: 5px; margin-bottom: 10px; margin-right: 0px; padding: 0px } .titre-fiche-locations {font-family: Arial, Helvetica, sans-serif; font-size:20px; text-align:left; padding-left:20px; color: #FFF; font-weight: bold; margin-left: 20px; margin-top: 5px; margin-bottom: 10px; margin-right: 0px; padding: 0px} .titre-fiche-camping-car {font-family: Arial, Helvetica, sans-serif; font-size:20px; text-align:center; padding-left:20px; color: #FFF; font-weight: bold; margin-left: 20px; margin-top: 5px; margin-bottom: 10px; margin-right: 0px; padding: 0px} .titre-fiche-residence-vac {font-family: Arial, Helvetica, sans-serif; font-size:20px; text-align:center; padding-left:20px; color: #FFF; font-weight: bold; margin-left: 20px; margin-top: 5px; margin-bottom: 10px; margin-right: 0px; padding: 0px} .titre-fiche-village-vac {font-family: Arial, Helvetica, sans-serif; font-size:20px; text-align:center; padding-left:20px; color: #FFF; font-weight: bold; margin-left: 20px; margin-top: 5px; margin-bottom: 10px; margin-right: 0px; padding: 0px} .comment-fiche{font-family:Arial, Helvetica, sans-serif; font-size:17px; color: #333333; font-weight:100; text-align:justify} .entete-fiche{margin-left:20px; margin-right:20px;margin-top:5px} .entete-fiche-blanc{margin-left:20px; color:#FFFFFF} .souligne { /*border-bottom-width: 5px; border-bottom-style: dashed;*/ /*border-bottom-color: #FF6600;/*Couleur de la barre de 10px au dessus de chaque adhérent*/ /*margin-bottom: 10px; margin-right: 20px; margin-left: 10px; background-color:#999999;*/ } #fond-fiche-resto {background-image:url(img_body/fond-fiche-restaurants.jpg)} #fond-fiche-hotels {background-image:url(img_body/fond-fiche-hotels.jpg)} #fond-fiche-campings {background-image:url(img_body/fond-fiche-campings.jpg)} #fond-fiche-chambres {background-image:url(img_body/fond-fiche-chambres.jpg)} #fond-fiche-locations {background-image:url(img_body/fond-fiche-locations.jpg)} #fond-fiche-autres-locs {background-image:url(img_body/fond-fiche-autres-locs.jpg)} #fond-fiche-residences {background-image:url(img_body/fond-fiche-residences.jpg)} #fond-fiche-villages-vac {background-image:url(img_body/fond-fiche-villages-vac.jpg)} #fond-fiche-camping-car {background-image:url(img_body/fond-fiche-camping-car.jpg)} #fond-fiche-manifs {background-image:url(img_body/fond-fiche-manifestations.jpg)} #fond-fiche-commerces {background-image:url(img_body/fond-fiche-commerces.jpg)} #fond-fiche-sports {background-image:url(img_body/fond-fiche-sports.jpg)} #fond-fiche-culture {background-image:url(img_body/fond-fiche-culture.jpg)} #fond-fiche-decouverte {background-image:url(img_body/fond-fiche-decouverte.jpg)} #fond-fiche-sortir {background-image:url(img_body/fond-fiche-sortir.jpg)} #fond-fiche-artistes {background-image:url(img_body/fond-fiche-artistes.jpg)} .heberge-adresse {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-style:italic; font-weight:bold; padding-top:3px;color: #FFF; vertical-align:middle} .barre-lien { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #666; margin-left: 20px; } .fushia { color: #C50083; } .heberge-texte { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #333; margin-right: 30px; margin-left: 40px; } .date { font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; text-align: center; color: #FFF; } .periodefin{color: #FFF; font-weight: bold} .commanif{vertical-align:middle} .tabledates { font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin-bottom: 20px; padding-top: 5px; border-top-width: 1px; border-top-style: dashed; border-top-color: #0F70AA; } .tiremanif { color: #3399CC; margin-top: 5px; } .titre { font-family: Arial, Helvetica, sans-serif; color: #FC7021; font-weight: bold; font-size: 90%; } .tableliens { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #0F70AA; } .texteliens { font-family: Arial, Helvetica, sans-serif; color: #C50068; text-align: center; font-size: 90%; font-weight: bold; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #C50068; padding-bottom: 5px; margin-right: 20px; margin-left: 20px; } .titredispo { font-family: Arial, Helvetica, sans-serif; color: #FC7021; font-weight: bold; font-size: 90%; text-align: center; } .soustitredispos { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #0f70aa; text-align: center; } .tabledispo { margin-top: 15px; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dashed; border-bottom-style: dashed; border-top-color: #0f70aa; border-bottom-color: #0f70aa; } .divdispo { width: 190px; margin: auto; } .lienphotos { text-align: center; } .capacite { color: #000; font-weight: normal; font-size: 90%; } .pointeur { cursor: pointer; } #villageform { margin-bottom: 20px; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin-left: 10px; } #villageform select { font-size: 90%; } #villageform input { font-size: 90%; } .titrementions { font-weight: bold; color: #A7345D; font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin-top: 30px; margin-bottom: 10px; margin-left: 40px; }