html, body {
width:100%;
height: 100%;
margin: 0;
}
body{
margin:0;
text-align:right;
font-size: 10px;
font-family: "Bitstram Vera Sans", Verdana, Arial, Helvetica, sans-serif;
background-repeat: repeat;
background-color: #FFF;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
vertical-align: bottom;
padding-top: 50;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background-image: url(../images/fond-16.png);
}
#global {
width:1018px;
background-color:#FFF;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: auto;
}
#bandeau{
}
#menu{
width: 1010px;
height:40px;
background-color:#FFF;
margin:0 auto 0 auto;
padding-top:10px;
}
#contenu{
width: 1024px;
height: auto;
border-right-color: #666666;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #666666;
margin-top: 0;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding-bottom: 5px;
background-color: #FFF;
}
#centre {
margin-left: 210px;
margin-right: 210px;
background-repeat: repeat;
background-color: #FFF;
height: auto;
}
.frame {
height: 850px;
width: 1020px;
float: left;
padding-top: 0px;
}
.frame_base {
height: 1024px;
width: 1024px;
float: left;
padding-top: 5px;
background-color: #FFFFFF;
}
.style6 { font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #910000;
vertical-align: top;
line-height: normal;
text-align: left;
background-image: url(../images/bg_search.gif);
background-repeat: repeat;
background-position: center top;
height: 20px;
width: 200px;
}
.style23 {
color: #FFF;
padding-left: 10px;
margin-left: 10px;
font-size: 11px;
}
.grosseinfo {
padding-right: 5px;
}
.style25 {
color: #990000;
font-weight: bold;
font-size: 10px;
}
.lien {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.elu-boite {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333333;
vertical-align: top;
line-height: normal;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 15px;
float: left;
width: 550px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 5px;
height: 175px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #000000;
background-repeat: no-repeat;
background-position: 535px 115px;
}
.elus-image {
float: left;
border: 1px solid #666666;
margin-top: 0;
margin-right: 9px;
margin-bottom: 3px;
margin-left: 0;
padding: 2px;
width: 100px;
}
.elu-presentation {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
line-height: normal;
font-style: normal;
background-color: #DEDED8;
text-align: left;
vertical-align: top;
width: 100%;
height: 50px;
float: left;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #660000;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 10px;
background-image: url(../images/miniplan.JPG);
background-repeat: no-repeat;
background-position: 97% center;
padding: 5px;
}
#contenu #centre .association_bloc .association .image-demi-actu {
height: 85px;
width: 85px;
}
#contenu #centre .left .presse_bloc img {
float: left;
}
.elu-boite_demi {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333333;
vertical-align: top;
line-height: normal;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 15px;
float: left;
width: 260px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
height: 180px;
margin-top: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;
}
.elus-image-demi {
float: left;
border: 1px solid #666666;
margin-top: 0;
margin-right: 5px;
margin-bottom: 3px;
margin-left: 0;
padding: 2px;
height: 130px;
width: 90px;
}
.elu-presentation_demi {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
line-height: normal;
font-style: normal;
text-align: left;
vertical-align: top;
width: 150px;
float: left;
border-bottom-width: 1px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
height: 30px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0px;
}
.nom-elu {
color: #333333;
font-weight: bold;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
text-align: left;
width: 197px;
height: 22px;
top: 33px;
float: left;
}
.style1 {
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
width: 340px;
height: 10px;
color: #000;
float: left;
}
#gauche {
float:left;
width: 215px;
background-color: #FFF;
height: auto;
}
#droite {
float:right;
width: 215px;
vertical-align: top;
background-color: #FFF;
height: auto;
}
#pied {
clear:both;
background-color: #FFF;
border-right-width: 0px;
border-left-width: 0px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #666666;
border-left-color: #666666;
}
div.spacer {
clear: both;
}
.bandeau_date{
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
margin-top: 5px;
float: right;
}
bandeau2 {
width: 800px;
}
/******************************************************************/
.article{
margin-top:0px;
height: 275px;
padding-left: 7px;
background-repeat: no-repeat;
margin-right: 5px;
padding-right:5px;
text-decoration: none;
background-image: url(../images/fondagenda.jpg);
}
.coordonnees {
text-align: right;
margin-right: 5px;
float: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.titre{
font-size: 10pt;
font-weight: bold;
color: #333333;
line-height: normal;
text-align: left;
height: 20px;
width: 200px;
float:left;
margin-left: 5px;
text-transform: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 5px;
}
.accueil-demi-caddetou {
color: #000;
margin-top: 0;
margin-right: 8px;
margin-bottom: 5px;
margin-left: 0px;
width: 550px;
float: left;
text-align: justify;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #999999;
height: 110px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 0px;
}
.article_titre{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #7D6C44;
text-align: left;
height: 20px;
width: 160px;
float:left;
}
.article_titre_general {
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #000000;
height: 25px;
float:left;
padding-right: 5px;
text-align: left;
margin-top: 0px;
margin-left: 20px;
width: 450px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666666;
margin-bottom: 10px;
vertical-align: text-top;
}
.presse_legende {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333333;
vertical-align: top;
line-height: normal;
text-align: left;
height: 20px;
width: 200px;
}
.memento_texte {
float: none;
text-align: justify;
}
.memento {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-color: #666666;
width: 590px;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
text-align: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
padding: 5px;
font-size: 11px;
text-indent: 0px;
line-height: 15px;
}
.article_titre_voeux {
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #000000;
text-align: left;
height: 10px;
float:right;
}
.article_titre_voeux_date {
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #666666;
text-align: left;
height: 10px;
float:right;
}
.article_description{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000;
text-align: left;
width: 180px;
margin-bottom:5px;
padding-left: 2px;
vertical-align: baseline;
margin-left: 2px;
margin-right: 10px;
padding-right:10px;
}
.titre_demi_actu {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333333;
text-align: left;
height: 20px;
width: 450px;
float: right;
margin-bottom: 3px;
}
.date span {
display: block;
margin-top: 3px;
padding: 0 0 2px;
background: #FFF;
color: #111;
font-size: 1.1667em;
}
.edito {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-color: #999999;
width: 560px;
text-align: justify;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 3px;
}
.edito2 {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-color: #999999;
text-align: justify;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 3px;
}
#navlist{
text-align:left;
padding:0;
margin:0;
margin-top:45px;
}
#navlist ul{
padding:0;
margin:0;
}
#navlist li{
padding:0;
font-size: 11px;
list-style: none;
text-align:left;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 7px;
}
#navlist li a, #navlist li a:visited{
padding:0;
color:#333;
text-decoration: none;
font-weight:bold;
}
#navlist li a:hover {
padding:0;
color:#910000;
font-weight:bold;
}
.mairie_droit_avec_i{
background-color: #FFF;
background-repeat: no-repeat;
height: 200px;
background-image: url(../images/fond-mairie.png);
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 0px;
}
.mairie_droit_classique {
background-color: #FFF;
background-repeat: no-repeat;
background-image: url(../images/fondcoordonneesl.png);
height: 228px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 10px;
}
.mairie_gauche{
float:left;
width:80px;
}
.navigation{
widtk:1024px;
background-color:#FFF;
text-align:left;
}
.navigation a, #.navigation a:visited{
color:#333;
text-decoration: none;
font-weight:normal;
}
.navigation a:hover {
color:#333;
text-decoration:none;
font-weight:normal;
}
/*************************partie Philty *****************************************/
.carousel_container {
width: 180px;
height: 50px;
margin-left: 5px;
margin-top: 50px;
}
.style4 { font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #910000;
vertical-align: top;
line-height: normal;
text-align: left;
height: 20px;
width: 200px;
}
.accueil-demi-actus {
color: #000;
margin-top: 0;
margin-right: 0;
margin-bottom: 7px;
margin-left: 10px;
width: 267px;
float: left;
text-align: justify;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #999999;
height: 290px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
.accueil-demi-actus-petit {
color: #000;
margin-top: 0;
margin-right: 0;
margin-bottom: 7px;
margin-left: 10px;
width: 267px;
float: left;
text-align: justify;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #999999;
height: 170px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
.accueil-demi-actus-grand {
color: #000;
margin-top: 0;
margin-right: 0;
margin-bottom: 7px;
margin-left: 10px;
width: 267px;
float: left;
text-align: justify;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #999999;
height: 220;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
.imageservicepublic {
padding-top: 15px;
}
.image-demi-actu {
float: left;
border: 1px solid #666666;
/*height: 111px;*/
/*width: 120px;*/
margin-top: 0;
margin-right: 9px;
margin-bottom: 3px;
margin-left: 0;
padding: 2px;
}
.image-caddetou {
float: left;
border: 1px solid #666666;
/*height: 111px;*/
/*width: 120px;*/
margin-top: 15px;
padding: 2px;
width: 15%;
}
.imagemarianne {
float: none;
border: 1px solid #666666;
margin-top: 2px;
margin-right: 9px;
margin-bottom: 3px;
margin-left: 3px;
padding: 2px;
}.taille_bloc_central {
line-height: normal;
width: 950px;
background-color: #FFF;
}
.fond-diaporama {
background-color: #FFF;
height: 155px;
background-image: url(../images/fonddiaporamas.png);
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 3px;
}
.fondagenda {
border-right-width: 5px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
border-left-width: 5px;
background-position: 150px 150px;
background-repeat: no-repeat;
background-color: ;
border-top-style: solid;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 0px;
border-top-width: 2px;
}
.agenda_titre {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
height: 20px;
float:left;
margin-left: 3px;
text-decoration: none;
color: #004623;
}
.sous_titre_edito {
font-size: 11pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #304167;
vertical-align: top;
line-height: normal;
text-align: right;
height: 10px;
width: 200px;
padding-bottom: 5px;
float: right;
margin-top: 5px;
padding-top: 5px;
}
/* style flux rss service public */
.rss-box {
width: 214px;
text-align: left;
float: left;
font-family: Arial, Helvetica, sans-serif;
height: 350px;
padding-right:5pt;
margin-bottom: 5px;
padding-bottom: 5pt;
background-image: url(../images/fond_servicepublic.png);
margin-top: 10px;
padding-top:20px;
margin-right: 5px;
background-repeat: no-repeat;
padding-left: 10px;
color: #000;
font-weight: bold;
}
.rss-items {
margin-top:0px;
0.5em;
margin-left:0px;
color red;
width: 195px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: left;
margin-right: 15px;
padding-top: 0.5em;
padding-right: 25px;
padding-bottom: 0.5em;
padding-left: 0.5em;
}
p.rss-title {padding:0.5em;}
.rss-title {
font-size: 9pt;
color: #304167;
font-weight:bold;
text-align: left;
text-decoration: underline;
margin-right: 0px;
}
.rss-item {
font-size: 7pt;
list-style:none;
padding-bottom:1em;
color: #FFF;
margin-right: 25px;
}
.rss-item a {
color:#FFF;
font-size: 8pt;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
}
.rss-item a:visited {
color: red;
}
.rss-item a:hover {
color: #000;
}
.rss-date {
font-size: 7pt;
color: #000000;
}
.date {
float: left;
width: 25px;
margin-right: 5px;
padding-top: 2px;
border: 1px solid #D7D7D7;
color: #FFF;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-transform: none;
text-align: center;
background-color: #063;
}
.date span {
display: block;
margin-top: 3px;
padding: 0 0 2px;
background: #FFF;
color: #111;
font-size: 12px;
}
a:link {
text-decoration: none;
color: #000000;
}
a {
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
text-decoration: none;
}
a:active {
text-decoration: none;
color: #999999;
}
a:hover {
color: #990000;
text-decoration: none;
}
.carousel_container {
width: 180px;
height: 70px;
margin-left: 5px;
}
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */
.pod-play {
_width:12em;
margin: 0 0.2em; padding: 0.1em 0; _padding:0;
white-space:nowrap;
text-decoration: none;
vertical-align:middle;
background: #fb6;
color: black;
}
.pod-play em {
_width:1em; _cursor:hand;
font-style: normal;
margin:0; padding: 0.1em 0.5em;
background: white;
color: #222;
}
.pod-play span {
_width:1em; _cursor:hand;
margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
}
.pod-play:hover {
background: #666;
color: white;
}
.pod-play:hover em {
background: black;
color: white
}
.plangoogle {
float: left;
width: 550px;
border: 2px solid #D7D7D7;
color: #FFF;
font-size: 1.2em;
font-family: Georgia, Times, "Times New Roman", serif;
text-transform: lowercase;
text-align: center;
height: 400px;
padding: 2px;
margin-top: 20px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 15px;
background-color: #FFFFFF;
}
.presse_legende {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333333;
line-height: normal;
text-align: left;
height: 10px;
float: none;
}
.presse_bloc {
color: #000;
margin-top: 0;
margin-right: 3;
margin-bottom: 5px;
width: 525px;
float: left;
text-align: left;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #FFF;
margin-left: 15px;
}
#navlist li a:active {
color:#999999;
text-decoration:blink;
font-weight:bold;
}
.navigation a:active {
color:#D1A445;
text-decoration:none;
font-weight:normal;
}
.telechargement_bloc {
color: #000;
margin-top: 0;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 20px;
width: 550px;
float: left;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: dotted;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
text-decoration: none;
background-position: left;
padding: 5px;
top: auto;
border-bottom-color: #666;
}
.mairie_droit_page_mairie {
background-color: #FFF;
background-repeat: no-repeat;
height: 182px;
background-image: url(../images/fond-mairie.gif);
padding-top: 15px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
.plan_legende {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333333;
vertical-align: top;
line-height: normal;
text-align: center;
height: 20px;
width: 600px;
border: 1px solid #FFFFFF;
background-color: #D1C6AB;
padding-right: 5px;
padding-left: 5px;
margin-right: 3px;
margin-left: 3px;
}
.logo_adobe {
text-decoration: none;
background-position: center;
vertical-align: text-top;
}
#global_index {
width:1024px;
margin:0 auto 0 auto;
background-color:#FFF;
position: relative;
min-height: 600px;
}
#contenu_index {
width: 1024px;
height: 505px;
margin:0 auto 10px auto;
}
#pied_index {
clear:both;
background-color: #FFF;
}
#bandeau_index {
width: 1024px;
margin:0 auto 0 auto;
border-left-color: #666666;
}
.logo_liens {
padding: 2px;
border: 1px solid #333333;
text-decoration: none;
float: none;
margin-left: 10px;
margin-bottom: 5px;
}
.agenda_bloc {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
vertical-align: top;
line-height: normal;
padding-left: 0px;
margin-left: 0px;
margin-top: 5px;
float: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #736a57;
}
.agenda_image {
float: right;
border: 1px solid #666666;
height: 100px;
margin-top: 0;
margin-right: 9px;
margin-bottom: 3px;
margin-left: 0;
padding: 2px;
width: 100px;
}
#agenda_titres {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #033;
text-align: center;
vertical-align: middle;
width: 103px;
height: 10px;
border-bottom-width: 35px;
border-bottom-style: solid;
border-bottom-color: #FFF;
padding-top: 1px;
}
.bloc_demarches {
margin-left: 20px;
}
.association_titre {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #3D6473;
vertical-align: top;
line-height: normal;
text-align: left;
padding-left: 10px;
float: left;
padding-top: 0px;
margin-top: 2px;
}
.association_texte {
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
padding-left: 10px;
height: 0px;
float: left;
text-align: left;
}
#centre .association_bloc .association .image-demi-actu {
height: 85px;
width: 85px;
float: left;
}
.association_bloc {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
vertical-align: top;
line-height: normal;
padding-left: 0px;
margin-left: 18px;
width: 550px;
margin-bottom: 5px;
}
.association_boussole {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
padding-left: 50px;
height: 0px;
float: left;
}
.association_descriptif {
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: normal;
text-align: left;
float: right;
border: 1px solid #666666;
background-color: #EFEFEF;
margin: 0px;
padding: 5px;
height: 55px;
width: 390px;
}
.pointilles {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000000;
}
.association_texte_plusdedétails {
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
vertical-align: text-bottom;
line-height: normal;
text-align: left;
padding-left: 8px;
float: right;
font-weight: bold;
}
.style1_demi {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
text-align: left;
width: 200px;
height: 83px;
color: #333333;
float: left;
}
.nom-elu_demi {
color: #333333;
font-weight: bold;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
text-align: left;
width: 150px;
height: 22px;
top: 0px;
float: left;
}
.fondmeteo {
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
background-color: ;
padding-top: 10px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 10px;
text-align: left;
background-image: url(../images/fondmeteo.png);
height: 201px;
}
.fondgauche_bas {
border-right-width: 5px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
background-color: ;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
text-align: left;
border-top-width: 0px;
border-top-style: solid;
height: 800px;
}
.travaux-image {
float: left;
border: 1px solid #666666;
margin-top: 0;
margin-right: 9px;
margin-bottom: 3px;
margin-left: 0;
padding: 2px;
}
#contenu #gauche .article-lettre-info label {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.travaux-boite {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333333;
vertical-align: top;
line-height: normal;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 15px;
float: left;
width: 550px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 5px;
height: 180px;
margin-top: 5px;
background-color: #FFF;
}
.article-journal {
margin-top:0px;
height: 120px;
padding-left: 3px;
background-repeat: no-repeat;
padding-right: 20px;
border: 1px solid #030;
}
#contenu #gauche .article-journal img {
padding-top: 15px;
padding-right: 10px;
}
.titre_page {
color: #333333;
font-weight: bold;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
text-align: left;
top: 33px;
float: left;
padding-bottom: 5px;
margin-bottom: 10px;
margin-left: 15px;
margin-top: 4px;
}
.contenu_page {
color: #333333;
font-weight: normal;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
text-align: justify;
top: 0px;
float: left;
padding-bottom: 5px;
margin-bottom: 10px;
margin-left: 15px;
margin-top: 0px;
width: 550px;
background-color: #FFF;
}
.article-lettre-info {
margin-top:0px;
height: 104px;
padding-left: 3px;
background-image: url(../images/fond-lettre-info.png);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 27px;
}
.miniplan {
float: right;
margin-top: -27px;
margin-right: -198px;
margin-bottom: 0px;
}
#contenu #gauche .article-lettre-info #textfield {
padding-top: 0px;
margin-top: 45px;
margin-right: 20px;
}
#contenu #gauche .article-lettre-info img {
margin-right: 15px;
margin-left: 5px;
}
.contenu_page_agenda {
color: #333333;
font-weight: normal;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
text-align: left;
top: 33px;
float: left;
padding-bottom: 5px;
margin-bottom: 10px;
margin-left: 15px;
margin-top: 5px;
width: 550px;
background-color: #FFF;
}
.mairie_droit_accueil {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 365px;
background-image: url(../images/fondbeige-accueil.jpg);
}
.mairie_droit_actusinfos {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 200px;
background-image: url(../images/fondactusinfos.png);
}
.mairie_droit_presse {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 200px;
background-image: url(../images/fond-presse.png);
}
.mairie_droit_pratique {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 227px;
background-image: url(../images/fond-viepratique.png);
}
.mairie_droit_ensemble {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 200px;
background-image: url(../images/fond-vie-ensemble.png);
}
.mairie_droit_agenda {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 200px;
background-image: url(../images/fond-agenda.png);
}
.mairie_droit_plan {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 200px;
background-image: url(../images/fond-plan.png);
}
.mairie_droit_diaporama {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 200px;
background-image: url(../images/fond-diaporama.png);
}
.mairie_droit_telechargement {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 200px;
background-image: url(../images/fond-telechargements.png);
}
.mairie_droit_contact {
background-color: #FFF;
padding: 3px;
background-repeat: no-repeat;
height: 200px;
background-image: url(../images/fond-contact.png);
}
.image_diaporama {
float: left;
border: 1px solid #666666;
height: 80px;
width: 100px;
margin-top: 0;
margin-right: 9px;
margin-bottom: 3px;
margin-left: 0;
padding: 2px;
}
.travaux-presentation {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
line-height: normal;
font-style: normal;
background-color: #DEDED8;
text-align: left;
vertical-align: top;
width: 540px;
height: 80px;
float: left;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #660000;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 10px;
background-position: 97% center;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#contenu #centre .left .contenu_page .style26 a {
color: #006633;
text-decoration: none;
}
#contenu #centre .left .contenu_page .style26 {
color: #990000;
}
.envoyerunemail {
height: 225px;
padding-top: 100px;
position: relative;
}
.caddetou {
padding-left: 8px;
background-repeat: no-repeat;
float: left;
width: 560px;
height: 710px;
margin-left: 10px;
padding-top: 90px;
padding-right: 15px;
margin-top: 0px;
}
.texte_date_actus {
font-weight: bold;
color: #666666;
font-size: 10px;
text-align: left;
margin-left: 10px;
float: left;
}
.caddetou-texte-du-haut {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-color: #666666;
width: 545px;
text-align: justify;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding: 5px;
border-bottom-width: 0px;
border-bottom-style: solid;
float: left;
}
.caddetou_texte_coin {
text-align: justify;
float: right;
width: 450px;
}
#tete{
width: 1020px;
height: 25px;
border-right-color: #666666;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #666666;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-bottom: 0px;
background-color: #FFF;
}
.titre-accueil {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #030;
margin-right:0px;
padding-right: 0px;
}
.articlebearnie {
margin-top:0px;
padding-left: 7px;
background-repeat: no-repeat;
margin-right: 5px;
padding-right:5px;
text-decoration: none;
background-image: url(../images/bearnie.jpg);
}
.rubrique {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #030;
background-color: #030;
width: 250px;
padding: 3px;
}
.guillemet {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #003300;
}
.flip_container2 {
width: 100px;
height: 400px;
border: 1px solid #3399FF;
float: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.frameCopie {
height: 850px;
width: 800px;
float: left;
padding-top: 0px;
}
.philtyprod {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #930;
font-weight: bold;
}
.image-photodumois {
float: left;
border: 1px solid #666666;
margin-top: 2px;
margin-right: 9px;
margin-bottom: 3px;
margin-left: 15px;
padding: 2px;
}