/*--------computer--------*/ @media screen and (min-device-width: 900px), screen and (min-width: 900px) { #smartphone { display: none; } /*--------style général--------*/ body { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size: 0.97em; background-color: #5e5e5e;color: #3c3b3b; margin: 0; padding: 0; text-align: center; color: #606060; } table {vertical-align:top; font-size: 0.94em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif; color: #3c3b3b;} li {font-size: 1em; text-align: left; color: #3c3b3b;} li.eco {font-size: 1em; color: #FFFFFF; text-align: left;} ul {font-size: 1em; text-align: left;} .anciensmaires { font-size: 0.99em; color: #606060; text-align: left;} .anciensmaires_index { font-size: 0.99em; color: #606060; text-align: left;} .ancienmaires_biographie { font-size: 0.99em; color: #606060; text-align: justify;} .histoirecommune { font-size: 1.1em; color: #606060; text-align: left;} .liensutiles { font-size: 1em; color: #FFFFFF; text-align: left;} a { text-decoration: none; cursor:pointer; cursor:hand;} a:link {font-size: 10pt; color: #606060;font-weight: bold;} a:visited {color: #606060; font-size: 10pt; font-weight: bold;} a:hover {color: #cc0000; } a:active {color: #cc0000;cursor:wait;} a.lien {text-decoration: none; cursor:pointer; cursor:hand; text-align:left;} a.lien:link {font-size: 1.1em; color: #000080;font-weight: bold} a.lien:visited {color: #000080; font-size: 0.97em; font-weight: bold} a.lien:hover { color: #cc0000} a.lien:active { color: #cc0000} /* liens vers autres pages */ a.lien2 {text-decoration: none; cursor:pointer; cursor:hand;} a.lien2:link { font-size: 0.85em; color: #119BD5;font-weight: bold} a.lien2:visited {color: #800080; font-size: 0.97em; font-weight: bold} a.lien2:hover {color: #cc0000} a.lien2:active color: #cc0000} /* liens vers autres pages */ a.lien3 {text-decoration: none; cursor:pointer; cursor:hand;} a.lien3:link {font-size: 0.85em; color: #FFFFFF;font-weight: bold} a.lien3:visited {color: #FFFFFF; font-size: 0.85em; font-weight: bold} a.lien3:hover { color: #cc0000} a.lien3:active { color: #cc0000} /* liens rues */ a.lien4 {text-decoration: none; cursor:pointer; cursor:hand;} a.lien4:link {font-size: 0.95em; color: #404040;font-weight: normal} a.lien4:visited {color: #800080; font-size: 0.95em;font-weight: normal} a.lien4:hover {color: #cc0000} a.lien4:active {color: #cc0000} a.nbpages {text-decoration: underline; cursor:pointer; cursor:hand;} a.nbpages:link {font-size: 0.97em; color: #000080;font-weight: bold;} a.nbpages:visited {color: #800080; font-size: 0.97em; font-weight: bold;} a.nbpages:hover {color: #cc0000} a.nbpages:active {color: #cc0000} a.lieninterne {text-decoration: none; cursor:pointer; cursor:hand;} a.lieninterne:link {font-size: 0.97em; color: #119BD5;font-weight: normal;} a.lieninterne:visited {color: #800080; font-size: 0.97em; font-weight: normal;} a.lieninterne:hover {color: #cc0000} a.lieninterne:active {color: #cc0000} a.lieninterne2 {text-decoration: none; cursor:pointer; cursor:hand;} a.lieninterne2:link {font-size: 0.97em; color: #119BD5;font-weight: bold} a.lieninterne2:visited {color: #800080; font-size: 0.97em; font-weight: bold} a.lieninterne2:hover {color: #cc0000} a.lieninterne2:active {color: #cc0000} /* popup portraits */ .popup_portraits { background-color: #000000 ;color: #FFFFFF;font-size: 0.97em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif } .popup_comment {color: #FFFFFF;font-size: 0.8em;text-align: justify;margin-left: 25px;margin-right: 25px;} .popup_table {max-width : 1000px} a.popup_portraits { text-decoration: none; cursor:pointer; cursor:hand; } a.popup_portraits:link { font-size: 10pt; color: #FFFFFF;font-weight: bold } a.popup_portraits:visited { color: #FFFFFF font-size: 10pt; font-weight: bold } a.popup_portraits:active { color: #cc0000} a.popup_portraits:hover { color: #cc0000} /*coins arrondis*/ /* La ligne supérieure et la ligne inférieure */ .bordertop, .boderbottom {display:block; background:transparent; font-size:1px;} /* Style qui défini les coin arrondi */ /* Vous pouvez changer la couleur et la taille (mais avec prudence) */ .coin1, .coin2, .coin3, .coin4 {display:block; overflow:hidden;} .coin1, .coin2, .coin3 {height:1px;} .coin2, .coin3, .coin4 {background:#C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0;} .coin1 {margin:0 5px; background:#C0C0C0;} .coin2 {margin:0 3px; border-width:0 2px;} .coin3 {margin:0 2px;} .coin4 {height:2px; margin:0 1px;} /* Le contenu, pris entre la ligne supérieure et la ligne inférieure */ /* Vous pouvez changer la couleur */ .content {display:block; color: #000040; /*Couleur de police*/ background-color: #C0C0C0; /*couleur de fond du cadre*/ text-align: left;/*Alignement du texte à gauche*/ font-family:Verdana, Arial, Helvetica, sans-serif;/*Type de police*/ font-size:0.87em;/*Taille de la police*/ /*Placement du bloc div à 20 pixel des quatres cotés*/ padding-left: 20px; padding-bottom: 20px; padding-top: 20px; padding-right: 20px; border:0 solid #C0C0C0; border-width:0 1px;} /*Fin coins arrondis*/ /*.bordureimg2 {border: 1px solid #FFFFFF}*/ .arriereplan {background-color: #EEEEEE; width:100%} .tabcommune {font-size: 3em; font-weight: bold ;width:690 ; height:70; color: #3c3b3b;} .tabequipes {font-size: 2em;text-align: center; font-weight: bold ; color: #3c3b3b;} .nom_rue {font-size: 2em; font-weight: bold ;} .celcp {font-size: 0.97em; font-weight: bold;color: #3c3b3b;} .image {max-height: 100px;} .imgmargedroite {margin-right: 10px; margin-top:5px} .imgmargegauche {margin-left: 10px; margin-top:5px} .rubriques {text-decoration: none; color: #cc0000; font-size: 1.4em;font-weight: bold; text-align:left;} .sommaire {list-style-type: disc ;text-decoration: none; color: #606060; font-size: 1.1em;font-weight: bold; text-align:left;} .tabdemo0 {background-color:#808080;font-size: 0.95em; color: #6e6c6c ;border-collapse: collapse; bgcolor=#FFFFFF ;background-color:#FFFFFF;text-align:center} .tabdemo1 {background-color:#808080;font-size: 0.95em; color: #6e6c6c ;border-collapse: collapse ; bgcolor=#FFFFFF ;background-color:#C0C0C0;text-align:center} .tabdemo2 {font-size: 0.95em; color: #6e6c6c;border-collapse: collapse ;bgcolor=#FFFFFF ;background-color:#eae4e4;text-align:center;} .tabdemo3 {font-size: 0.8em; font-style: italic} .tabdemo4 {font-size: 0.98em; color: #6e6c6c;border-collapse: collapse ;bgcolor=#FFFFFF ;background-color:#C0C0C0;text-align:left;margin-left: 10px;} .economie_locale {valign:top; text-align: left} .titre_activite {font-size: 25pt;color: #FFFFFF font-weight: bold} .activite {font-size: 0.8em;} .top {text-align:center;text-decoration: none} .titres {color: #FFFFFF} .tabpatrimoine {font-size: 2em;font-weight: bold;text-align: center;} .popperlink {position:absolute;visibility:hidden;font-style: normal;background: black;padding: 0px;} .montrelien {position:absolute;visibility:hidden;font-style: normal;background: black;padding: 0px;} .arriereplan_communes_anciennes1 {background-color:#FFFFFF ; width:100%; border-spacing:7px; cellPadding:0; border=0} .arriereplan_communes_anciennes2 {background-color:#373737 ; width:98%; border-spacing:7px; cellPadding:0; border=0} .arriereplan_communes_galerie1 {background-color:#FFFFFF ; width:100%; border-spacing:7px; cellPadding:0; border=0} .arriereplan_communes_galerie2 {background-color:#373737 ; width:98%; border-spacing:7px; cellPadding:0; border=0} .rues {text-align: justify;} .titre_annexe {text-align:center; font-size: 2em; font-weight: bold} /* popup images anciennes */ .popup_old_img { background-color: #000000 ;color: #FFFFFF;font-size: 0.97em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif} .popup_comment {font-size: 0.8em;text-align: left;margin-left: 25px;margin-right: 25px;} /* popup images */ .popup_img { background-color: #000000 ;color: #FFFFFF;font-size: 0.97em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif} .popup_comment {font-size: 0.8em;text-align: left;margin-left: 25px;margin-right: 25px;} /* Galerie */ .tabcommunegalerie {font-size: 1.5em; font-weight: bold} /* Professionnels */ .tabtitre {color: #404040 ; font-size: 2em; font-weight: bold; text-align: center;} .tabtitre2 {color: #ffffff ; font-size: 2em; font-weight: bold; text-align: center;} .tabdemo1 {background-color:#808080;font-size: 1.5em; color: #808080 ;border-collapse: collapse;bgcolor=#FFFFFF;background-color:#FFFFFF;text-align:center} .tabdemo2 {font-size: 1.5em; color: #FFFFFF ;border-collapse: collapse ; bgcolor=#FFFFFF ;background-color:#C0C0C0;text-align:center;} .tabdemo3 {font-size: 0.95em; font-style: italic} /*}*/ /*-------- Fin style général--------*/ /*-------- Menu déroulant--------*/ #menuDeroulant1{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant1 li{ float: none; margin: 0px; padding: 0; border: 0;} #menuDeroulant1 li:hover > .sousMenu1 { display: block; } #menuDeroulant1 .sousMenu1{ list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant1 .sousMenu1{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant1 .sousMenu1 li{ float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant1 li{ float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;} #menuDeroulant1{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100; z-index:1;} #menuDeroulant1 li a:link, #menuDeroulant1 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #FF3300; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;} #menuDeroulant1 li a:hover { background-color: #333333; } #menuDeroulant1 li a:active { background-color: #FF3300; } #menuDeroulant1 .sousMenu1 li a:link,#menuDeroulant1 .sousMenu1 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;} #menuDeroulant1 .sousMenu1 li a:hover{ background-image: none; background-color: #FF3300;} #menuDeroulant2{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 li{float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 li:hover > .sousMenu2 {display: block;} #menuDeroulant2 .sousMenu2{ list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 .sousMenu2{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 .sousMenu2 li{ float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 li{ float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;} #menuDeroulant2 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;position: relative; top: 100;z-index:1;} #menuDeroulant2 li a:link, #menuDeroulant2 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;} #menuDeroulant2 li a:hover { background-color: #333333; } #menuDeroulant2 li a:active { background-color: #FF3300; } #menuDeroulant2 .sousMenu2 li a:link,#menuDeroulant2 .sousMenu2 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;} #menuDeroulant2 .sousMenu2 li a:hover{ background-image: none; background-color: #FF3300;} #menuDeroulant3 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;position: relative; top: 100;z-index:1;} #menuDeroulant3 li{ float: none; margin: 0px; padding: 0; border: 0;} #menuDeroulant3 li:hover > .sousMenu3 { display: block; } #menuDeroulant3 .sousMenu3 {list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant3 .sousMenu3 {display: none; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant3 .sousMenu3 li {float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant3 li {float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;} #menuDeroulant3 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant3 li a:link, #menuDeroulant3 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;} #menuDeroulant3 li a:hover {background-color: #333333;} #menuDeroulant3 li a:active {background-color: #FF3300;} #menuDeroulant3 .sousMenu3 li a:link,#menuDeroulant3 .sousMenu3 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;} #menuDeroulant3 .sousMenu3 li a:hover{ background-image: none; background-color: #FF3300;} #menuDeroulant4 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant4 li{ float: none; margin: 0px; padding: 0; border: 0;} #menuDeroulant4 li:hover > .sousMenu4 { display: block; } #menuDeroulant4 .sousMenu4{ list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant4 .sousMenu4{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant4 .sousMenu4 li{ float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant4 li{ float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;} #menuDeroulant4 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100;z-index:1;} #menuDeroulant4 li a:link, #menuDeroulant4 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;} #menuDeroulant4 li a:hover {background-color: #333333;} #menuDeroulant4 li a:active { background-color: #FF3300;} #menuDeroulant4 .sousMenu4 li a:link,#menuDeroulant1 .sousMenu4 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;} #menuDeroulant4 .sousMenu4 li a:hover{ background-image: none; background-color: #FF3300;} #menuDeroulant5 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant5 li {float: none; margin: 0px; padding: 0; border: 0;} #menuDeroulant5 li:hover > .sousMenu4 { display: block; } #menuDeroulant5 .sousMenu5{ list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant5 .sousMenu5{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant5 .sousMenu4 li{ float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant5 li {float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;} #menuDeroulant5 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100;z-index:1;} #menuDeroulant5 li a:link, #menuDeroulant4 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;} #menuDeroulant5 li a:hover {background-color: #333333;} #menuDeroulant5 li a:active {background-color: #FF3300;} #menuDeroulant5 .sousMenu5 li a:link,#menuDeroulant1 .sousMenu4 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;} #menuDeroulant5 .sousMenu5 li a:hover{ background-image: none; background-color: #FF3300;} /*-------- Fin Menu déroulant--------*/ } @media screen and (max-device-width: 899px), screen and (max-width: 899px) { #computer { display: none; } table, td, blockquote, textarea, input, object, embed, video, iframe { max-width: 100%; } textarea,table,td,th,code,pre,samp {-webkit-hyphens: auto; /*cesure propre*/ -moz-hyphens:auto; hyphens:auto; word-wrap:break-word;/*passage à la ligne forcé*/ } /*-------- logo -------- */ .logo{ width: 70%; } /*--------video--------*/ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*--------style général--------*/ body { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size: 0.97em; background-color: #5e5e5e;color: #3c3b3b; margin: 0; padding: 0; text-align: center; color: #606060; } table { vertical-align:top; font-size: 0.94em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif} li { font-size: 1em; text-align: left; color: #3c3b3b; } li.eco { font-size: 1em; color: #FFFFFF; text-align: left; } ul { font-size: 1em; text-align: left;} .anciensmaires { font-size: 0.99em; color: #606060; text-align: left; } .anciensmaires_index { font-size: 0.99em; color: #606060; text-align: left; } .ancienmaires_biographie { font-size: 0.99em; color: #606060; text-align: justify; } .histoirecommune { font-size: 1.1em; color: #606060; text-align: left; } .liensutiles { font-size: 1em; color: #FFFFFF; text-align: left; } img { font-size: 0.2em; } /*alt { font-size: 0.1em; }*/ a { text-decoration: none; cursor:pointer; cursor:hand; } a:link { font-size: 10pt; color: #6C6C6C;font-weight: bold; } a:visited { color: #FFFFFF; font-size: 10pt; font-weight: bold; } a:hover { color: #cc0000; } a:active { color: #cc0000;cursor:wait;} a.lien { text-decoration: none; cursor:pointer; cursor:hand; text-align:left;} a.lien:link { font-size: 1.1em; color: #000080;font-weight: bold } a.lien:visited { color: #800080; font-size: 0.97em; font-weight: bold } a.lien:hover { color: #cc0000} a.lien:active { color: #cc0000} /* liens vers autres pages */ a.lien2 { text-decoration: none; cursor:pointer; cursor:hand;} a.lien2:link { font-size: 0.85em; color: #119BD5;font-weight: bold } a.lien2:visited { color: #800080; font-size: 0.97em; font-weight: bold } a.lien2:hover { color: #cc0000} a.lien2:active { color: #cc0000} /* liens blancs vers autres pages */ a.lien3 { text-decoration: none; cursor:pointer; cursor:hand;} a.lien3:link { font-size: 0.97em; color: #ffffff;font-weight: bold } a.lien3:visited { color: #ffffff; font-size: 0.97em; font-weight: bold } a.lien3:hover { color: #cc0000} a.lien3:active { color: #cc0000} a.nbpages { text-decoration: underline; cursor:pointer; cursor:hand;} a.nbpages:link { font-size: 0.97em; color: #000080;font-weight: bold; } a.nbpages:visited { color: #800080; font-size: 0.97em; font-weight: bold; } a.nbpages:hover { color: #cc0000} a.nbpages:active { color: #cc0000} a.nbpages2 { text-decoration: underline; cursor:pointer; cursor:hand;} a.nbpages2:link { font-size: 0.70em; color: #000080;font-weight: bold; } a.nbpages2:visited { color: #800080; font-size: 0.70em; font-weight: bold; } a.nbpages2:hover { color: #cc0000} a.nbpages2:active { color: #cc0000} a.lieninterne { text-decoration: none; cursor:pointer; cursor:hand;} a.lieninterne:link { font-size: 0.97em; color: #119BD5;font-weight: normal; } a.lieninterne:visited { color: #800080; font-size: 0.97em; font-weight: normal; } a.lieninterne:hover { color: #cc0000} a.lieninterne:active { color: #cc0000} a.lieninterne2 { text-decoration: none; cursor:pointer; cursor:hand;} a.lieninterne2:link { font-size: 0.97em; color: #119BD5;font-weight: bold } a.lieninterne2:visited { color: #800080; font-size: 0.97em; font-weight: bold } a.lieninterne2:hover { color: #cc0000} a.lieninterne2:active { color: #cc0000} /*coins arrondis*/ /* La ligne supérieure et la ligne inférieure */ .bordertop, .boderbottom {display:block; background:transparent; font-size:1px;} /* Style qui défini les coin arrondi */ /* Vous pouvez changer la couleur et la taille */ .coin1, .coin2, .coin3, .coin4 {display:block; overflow:hidden;} .coin1, .coin2, .coin3 {height:1px;} .coin2, .coin3, .coin4 {background:#C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0;} .coin1 {margin:0 5px; background:#C0C0C0;} .coin2 {margin:0 3px; border-width:0 2px;} .coin3 {margin:0 2px;} .coin4 {height:2px; margin:0 1px;} /* Le contenu, pris entre la ligne supérieure et la ligne inférieure */ /* Vous pouvez changer la couleur */ .content {display:block; color: #000040; /*Couleur de police*/ background-color: #C0C0C0; /*couleur de fond du cadre*/ text-align: left;/*Alignement du texte à gauche*/ font-family:Verdana, Arial, Helvetica, sans-serif;/*Type de police*/ font-size:0.87em;/*Taille de la police*/ /*Placement du bloc div à 10 pixel des quatres cotés*/ padding-left: 10px; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; border:0 solid #C0C0C0; border-width:0 1px;} /*Fin coins arrondis*/ /*.bordureimg2 {border: 1px solid #FFFFFF}*/ .arriereplan {background-color: #EEEEEE; width:100%} .tabcommune { font-size: 10em; font-weight: bold ;width:690 ; height:70; color: #3c3b3b; } .nom_commune { font-size: 1.4em; font-weight: bold ;color: #161515;} .nom_rue { font-size: 2em; font-weight: bold ;} .prenom_nom { font-size: 1.5em; font-weight: bold ;color: #161515;} .celcp { font-size: 0.97em; font-weight: bold;color: #3c3b3b; } .image {max-height: 100px;} .imgmargedroite {margin-right: 10px; margin-top:5px } .imgmargegauche {margin-left: 10px; margin-top:5px } .sommaire{ list-style-type: disc ;text-decoration: none; color: #606060; font-size: 1.1em;font-weight: bold; text-align:left; } .tabdémo1 { background-color:#808080;font-size: 1.5em; color: #808080 ;border-collapse: collapse ; bgcolor=#FFFFFF ;background-color:#FFFFFF;text-align:center} .tabdémo2 {font-size: 1.5em; color: #FFFFFF ;border-collapse: collapse ; bgcolor=#FFFFFF ;background-color:#C0C0C0;text-align:center; } .tabdémo3 { font-size: 0.95em; font-style: italic } .economie_locale {valign:top; text-align: left} .titre_activite { font-size: 25pt;color: #FFFFFF font-weight: bold} .activite {font-size: 0.8em;} .nom_prenom {font-size: 1.5em} .top { text-align:center;text-decoration: none } .titres { color: #FFFFFF } .tabpatrimoine { font-size: 2em; font-weight: bold; text-align: center; } .popperlink {position:absolute;visibility:hidden;font-style: normal;background: black;padding: 0px; } .montrelien {position:absolute;visibility:hidden;font-style: normal;background: black;padding: 0px; } .bio:first-letter /* Je veux que la première lettre de mes paragraphes... */ { float : left ; /* Flotte à gauche */ font-size : 2em; /* Fasse une hauteur de 2 lignes */ font-family : Arial, Georgia, "Times New Roman", Times, serif; /* Soit mise en Arial si possible*/ font-weight : bold; /* Soit écrite en gras (c'est plus voyant) */ margin-right : 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */ } .arriereplan_communes_anciennes1 { background-color:#FFFFFF ; width:100%; border-spacing:7px; cellPadding:0; border=0 } .arriereplan_communes_anciennes2 { background-color:#373737 ; width:98%; border-spacing:7px; cellPadding:0; border=0} .arriereplan_communes_galerie1 { background-color:#FFFFFF ; width:100%; border-spacing:7px; cellPadding:0; border=0 } .arriereplan_communes_galerie2 { background-color:#373737 ; width:98%; border-spacing:7px; cellPadding:0; border=0} .rues {text-align: justify; } .titre_annexe {text-align:center; font-size: 2em; font-weight: bold} /* popup images anciennes */ .popup_old_img { background-color: #000000 ;color: #FFFFFF;font-size: 0.97em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif } .popup_comment {font-size: 0.8em;text-align: left;margin-left: 25px;margin-right: 25px;} /* popup images */ .popup_img { background-color: #000000 ;color: #FFFFFF;font-size: 0.97em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif } .popup_comment {font-size: 1em;text-align: justify;margin-left: 15px;margin-right: 15px;} .popup_img { align:center; border: solid 2px #5e5e5e; max-width: 320px; height: auto; margin-left: 0px;margin-right: 0px;} .popup_comment2 {font-size: 0.95em;text-align: justify;margin-left: 0px;margin-right: 0px;} /* Galerie */ .tabcommunegalerie { font-size: 1.5em; font-weight: bold } /* Professionnels */ .tabtitre { color: #404040 ; font-size: 1.5em; font-weight: bold; text-align: center; } .tabdemo1 { background-color:#808080;font-size: 1.5em; color: #808080 ;border-collapse: collapse ; bgcolor=#FFFFFF ;background-color:#FFFFFF;text-align:center} .tabdemo2 {font-size: 1.5em; color: #FFFFFF ;border-collapse: collapse ; bgcolor=#FFFFFF ;background-color:#C0C0C0;text-align:center; } .tabdemo3 { font-size: 0.95em; font-style: italic } /*}*/ /*-------- Fin style général--------*/ /*-------- Menu déroulant--------*/ #menuDeroulant1{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant1 li{ float: none; margin: 0px; padding: 0; border: 0;} #menuDeroulant1 li:hover > .sousMenu1 { display: block; } #menuDeroulant1 .sousMenu1{ list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant1 .sousMenu1{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant1 .sousMenu1 li{ float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant1 li{ float: none; width: 81px; margin: 0; padding: 0; border: 0; font-size:11px;} #menuDeroulant1{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100; z-index:1;} #menuDeroulant1 li a:link, #menuDeroulant1 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #FF3300; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;} #menuDeroulant1 li a:hover { background-color: #333333; } #menuDeroulant1 li a:active { background-color: #FF3300; } #menuDeroulant1 .sousMenu1 li a:link,#menuDeroulant1 .sousMenu1 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;} #menuDeroulant1 .sousMenu1 li a:hover{ background-image: none; background-color: #FF3300;} #menuDeroulant2{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 li{ float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 li:hover > .sousMenu2 { display: block; } #menuDeroulant2 .sousMenu2{ list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 .sousMenu2{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 .sousMenu2 li{ float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant2 li{ float: none; width: 81px; margin: 0; padding: 0; border: 0; font-size:11px;} #menuDeroulant2{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;position: relative; top: 100;z-index:1;} #menuDeroulant2 li a:link, #menuDeroulant2 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;} #menuDeroulant2 li a:hover { background-color: #333333; } #menuDeroulant2 li a:active { background-color: #FF3300; } #menuDeroulant2 .sousMenu2 li a:link,#menuDeroulant2 .sousMenu2 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;} #menuDeroulant2 .sousMenu2 li a:hover{ background-image: none; background-color: #FF3300;} #menuDeroulant3{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant3 li{ float: none; margin: 0px; padding: 0; border: 0;} #menuDeroulant3 li:hover > .sousMenu3 { display: block; } #menuDeroulant3 .sousMenu3{ list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant3 .sousMenu3{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant3 .sousMenu3 li{ float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant3 li{ float: none; width: 81px; margin: 0; padding: 0; border: 0; font-size:11px;} #menuDeroulant3{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100;z-index:1;} #menuDeroulant3 li a:link, #menuDeroulant3 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;} #menuDeroulant3 li a:hover { background-color: #333333; } #menuDeroulant3 li a:active { background-color: #FF3300; } #menuDeroulant3 .sousMenu3 li a:link,#menuDeroulant3 .sousMenu3 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;} #menuDeroulant3 .sousMenu3 li a:hover{ background-image: none; background-color: #FF3300;} #menuDeroulant4{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant4 li{ float: none; margin: 0px; padding: 0; border: 0;} #menuDeroulant4 li:hover > .sousMenu4 { display: block; } #menuDeroulant4 .sousMenu4{ list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant4 .sousMenu4{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;} #menuDeroulant4 .sousMenu4 li{ float: none; margin: 0; padding: 0; border: 0;} #menuDeroulant4 li{ float: none; width: 81px; margin: 0; padding: 0; border: 0; font-size:11px;} #menuDeroulant4{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100;z-index:1;} #menuDeroulant4 li a:link, #menuDeroulant4 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;} #menuDeroulant4 li a:hover { background-color: #333333; } #menuDeroulant4 li a:active { background-color: #FF3300; } #menuDeroulant4 .sousMenu4 li a:link,#menuDeroulant4 .sousMenu4 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;} #menuDeroulant4 .sousMenu4 li a:hover{ background-image: none; background-color: #FF3300;} /*-------- Fin Menu déroulant--------*/ }