/* Mairie de Montmaurin - css 284*/
/* Dataxy 2010 - design : nicolab */



/* GENERAL */

body{
background: #fff url(images/mosaique.jpg) repeat center top;
font: normal 11pt trebuchet ms, helvetica, arial, sans serif;
color: #333;
}

#contenu{
margin: 0px auto;
width: 982px;
}

::-moz-selection {
background: #f40;
color:#fff;
}
::selection {
background: #f40;
color:#fff;
}

a{
color: #f40;
text-decoration: none;
outline: none;
}
a:hover{
color: #333;
text-decoration: none;
}
a:active{
color: #111;
}

input, textarea {
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
color: #333 !important;
}

img{
border: none;
}


/* TITRE HAUT */
/*
#barre_onglets_der {
height: 40px;
background: none repeat scroll 0% 0% #5AD;
margin-top: -4px;
border-radius: 4px 4px 0px 0px;
z-index: 4;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
width: 980px;
margin-top: -110px;
position: fixed;
}
#barre_onglets_der .menu li {
float: left;
}
*/
#barre_titre{
background: #fff url(images/logo2.gif) no-repeat 10px 10px;
width: 978px;
height: 61px;
margin: 15px 0px 23px 0px;
border: 1px solid #ddd;
position: relative;
z-index: 2;

-margin-bottom: 0px;
}

#barre_titre h1 a{
display: block;
width: 285px;
height: 60px;
position: absolute;
top: 0px;
margin-left: 10px;
font-size: 1px;
color: #fff;
}

/* Version anglaise */

#colonne_blocs2{
position: absolute;
top: 11px;
left: 50%;
margin-left: 384px;
z-index: 2;
/margin-left: 423px;
}
#colonne_blocs2 h2{
display: none;
}
#colonne_blocs2 ul li{
list-style: none;
}
#colonne_blocs2 ul li a{
display: block;
background: url(images/flag.gif) no-repeat right 0px;
width: 60px;
height: 19px;
font-size: 1px;
color: #fff;
}
#colonne_blocs2 ul li a:hover{
background: url(images/flag.gif) no-repeat right -19px;
}


/* MENU HORIZONTAL */

/*menu fixe*/

#barre_onglets{
position: absolute;
top: 45px;
left: 50%;
margin-left: -182px;
width: 670px;
height: 30px;
background: #fff;
border-top: 1px solid #f40;
z-index: 3;

-position: relative;
-top: -32px;
}
#barre_onglets li{
float: right;
}
#barre_onglets a{
padding: 3px 15px 0px 5px;
display: block;
height: 27px;
font-size: 12pt;

-display: inline;
}

#barre_onglets a:active {
padding: 5px 15px 0px 5px;
height: 25px;
}


/* MENU VERTICAL - COLONNE */

#colonne{
background: #f40;
margin: 0px 0px 0px 0px;
width: 180px;
padding: 0px 10px 10px 10px;
float: left;
}

#colonne span{
font-size: 13pt;
font-weight: normal;
text-align: left !important;
}

#colonne ul li a{
display: block;
text-decoration: none;
color: #fff;
padding: 0px 0px 4px 0px;
text-align: left;
height: 20px;
}
#colonne ul li a:hover{
color: #222;
}
#colonne ul li a:active{
padding: 3px 0px 1px 0px;
}

.zone{
margin: 10px 0px 0px 0px;
}

#photo_id img{
border: none;
}

/* lien CC */

.cc{
height: 0px;
}
.cc span{
display: none;
}
.cc ul li a{
position: relative;
top: 75px;
left: -10px;
display: block;
background: url(images/logocc.png) no-repeat left 0px;
width: 120px;
height: 32px !important;
font-size: 1px;
color: #fff !important;
padding-top: 20px !important;

/left: -150px;
-top: 75px;
}
.cc ul li a:hover{
background: url(images/logocc.png) no-repeat left -56px;
}

/*newsletter*/

.zone p{
text-align: left !important;
padding: 0px !important;
font-size: 10pt;
}
#email{
text-transform: none;
font-weight: normal;
height: 16px;
padding: 2px;
width: 136px;
color: #000;
font-size: 10pt;
margin-right: 5px;
position: relative;
z-index: 2;
float: left;
border: 1px solid #f40;
background: #fff;
}
.zone input{
text-transform: uppercase;
font-weight: bold;
height: 20px;
padding: 0px;
width: 25px;
color: #f30;
font-size: 8pt;
cursor: pointer;
margin-bottom: 5px;
float: left;
border: none;
background: none;
}
.zone input:hover {
color: #000;
}

/* ACCUEIL */

/* Image accueil */

.fen317892{
background: url(images/accueil2.jpg) top center;
width: 1050px;
height: 502px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -525px;
z-index: -2;

-position: relative;
-top: -110px;
-left: 0px;
-width: 980px;
-margin-left: 0px;
}
.fen317892 h2{
display: none;
}

/* Message accueil */
/* La Mairie */

.fen317889,
.fen317893{
background: #fff url(images/ligne.gif) no-repeat left 31px;
width: 284px;
height: 150px;
margin: 231px 16px 16px 0px;
padding: 3px 15px 15px 15px;
float: left;
border: 1px solid #ddd;

-margin-top: -279px;
}

.fen317889 h2,
.fen317893 h2{
font-weight: normal;
font-size: 12pt;
color: #f40;
margin-bottom: 15px;
}

.fen317893{
width: 140px;
margin: 231px 0px 16px 476px;

-margin: -279px 0px 16px 404px;
}
.fen317893 a{
font-size: 10pt;
}

.fen317889 .zone h2{
display: none;
}


/* La piscine accueil */

.fen439658{
background: #f40 url(images/piscine.jpg) no-repeat;
width: 316px;
height: 250px;
margin: 0px 16px 16px 0px;
float: left;

-position: relative;
-top: -90px;
}

.fen439658 h2{
display: none;
}
.fen439658 .article a{
display: block;
width: 316px;
height: 28px;
padding: 222px 0px 0px 0px;
font-size: 12pt;
text-indent: 15px;
position: relative;
z-index: 2;
color: #fff;
}
.fen439658 .article a:hover{
color: #222;
}
.fen439658 .article a:active{
height: 26px;
padding: 224px 0px 0px 0px;
color: #111;
}

/* La villa accueil */

.fen317891{
background: #f40 url(images/villa.jpg) no-repeat;
width: 648px;
height: 250px;
margin: 0px 0px 16px 0px;
float: left;

-position: relative;
-top: -90px;
}

.fen317891 h2{
display: none;
}
.fen317891 .article a{
display: block;
width: 648px;
height: 28px;
padding: 222px 0px 0px 0px;
font-size: 12pt;
text-indent: 15px;
position: relative;
z-index: 2;
color: #fff;
}
.fen317891 .article a:hover{
color: #222;
}
.fen317891 .article a:active{
height: 26px;
padding: 224px 0px 0px 0px;
color: #111;
}



/**//* SLIDER *//**/

#fond-slidervisio1{
background: #fff url(images/ligne.gif) no-repeat left 31px;
border: 1px solid #ddd;
width: 460px;
height: 168px;
position: absolute;
top: 332px;
left: 50%;
margin-left: -158px;
z-index: 0;
}

.container {
width: 460px; 
height: 152px; 
overflow: hidden; 
position: relative; 
z-index: 3;
}

.slides { 
position: absolute;
}

.slides > div {
position: absolute; 
top: 0px; 
width: 460px; 
display: none;
}

#loopedSlidervisio1 { 
margin: 0 auto; 
width: 460px; 
position: relative; 
}

/* contenu */

#titre-slidervisio1 { 
display: none;
}

.photo-slider {
float: left; 
position: relative;
top: 43px;
left: 10px;

-position: absolute;
}

.photo-slider img{
width: 105px;
}

.description{
position: relative;
display: block;
width: 320px;
margin: 10px 0px 0px 125px;

-padding-top: 10px;
}

.underline{
text-decoration: none;
font-size: 8pt !important;
position: relative;
top: 25px;
}

.description h2{
font-size: 12pt;
font-weight: normal;
position: relative;
top: -22px;
left: -100px;
margin: 0px 0px 0px 0px;
color: #f40;
}

.description p{
position: relative;
top: -10px;
font-size: 11pt;
}

.description i{
position: absolute;
top: 85px;
left: 0px;
background: url(images/degrade.png) repeat-x left 15px;
display: block;
width: 330px;
height: 60px;
font-size: 1px;
color: transparent;

color: #fff \9;
-display: none;
}

.description a{
position: absolute;
top: -3px;
right: 10px;
font-size: 13px;

-top: 35px;
}
.description p a{
position: relative;
top: 0px;
right: 0px;

}

.previous,
.next {
height: 17px; 
width: 11px; 
position: absolute;
top: 7px; 
cursor: pointer; 
z-index: 100;
}

.previous { 
background: url(images/fleche2.gif) no-repeat 2px;
left: 1px;
}
.previous:active{ 
background: url(images/fleche2.gif) no-repeat 0px;
}
.previous:hover{ 
background: url(images/fleche2.gif) no-repeat 0px \9;
}

.next {
background: url(images/fleche.gif) no-repeat;
right: 1px;
}
.next:active{ 
background: url(images/fleche.gif) no-repeat 2px;
}
.next:hover{ 
background: url(images/fleche.gif) no-repeat 2px \9;
}
 /**//**/

 
 

/* MAIN */

#main,
#main_01
{
width: 765px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 215px;

-width: 760px;
}

.pages{
text-align:center;
font-size: 10pt;
margin: -23px 0px 5px 0px;
}
.pages a{
text-decoration:none;
color:#f40;
}
.pages a:hover{
color:#333;
}

/* ARTICLES */

.fen{
position: relative;
z-index: 2;
width: 735px; /* =largeur de main - 30px*/
margin: 0px 0px 15px 0px;
padding: 10px 15px 15px 15px;
background:#fff;
text-align: justify;
float: left;
border: 1px solid #ddd;

-padding: 10px 13px 15px 12px;
}
.fen h2{
text-align: center;
color: #f40;
font-size: 20pt;
font-weight: normal;
margin: 0px 0px 10px 0px;
}

.article a img{
/border-color: #f40;
}

/* VILLA */

.fen318679,
.fen317894{
position: relative;
z-index: 2;
width: 735px;
margin: 0px 0px 15px 0px;
padding: 10px 15px 15px 15px;
background:#fff;
text-align: justify;
float: left;
border: 1px solid #ddd;
}
.fen318679 h2,
.fen317894 h2{
text-align: center;
color: #f40;
font-size: 20pt;
font-weight: normal;
margin: 0px 0px 10px 0px;
}

.fen318679 table,
.fen317894 table{
margin-bottom: 565px !important;
}
.fen318679 .apercus_photos,
.fen317894 .apercus_photos{
margin: 0px 0px -350px 0px;
}

#vid1,
#vid2{
position: absolute;
top: 150px;
margin-left: 50px;
}

/*comentaires*/
.liens{
display: none;
}

/*date*/
.infos{
text-align: center;
padding-bottom: 5px;
font-size: 8pt;
color: #fff;
}


/*visionneuse photo*/
.fen table{
margin: 0px 0px 10px 20px !important;
height: 350px;
position: relative;
z-index: 2;
}
.fen table a{
cursor: default !important;
}
.fen td{
vertical-align: top !important;
padding-top: 7px;
}
.main_photo{

}

.apercus_photos{
background: url(images/ligne2.gif) repeat-y;
position: relative;
left: 125px;
width: 80px;
height: 345px;
padding: 5px 0px 0px 5px;
margin: 0px 0px -357px 0px;
z-index: 3;
}
.apercus_photos img{
border: 0px;
margin: 2px 0px 2px 2px;
}

.apercus_photos a{
display: block;
}
.apercus_photos a:hover{
background: url(images/fleche.gif) no-repeat 59px center;
display: block;
width: 80px;
}


.fen hr{
margin: 0;
width: inherit;
clear: none;
}


/* SOMMAIRE */

.sommaire td{
padding: 4px 5px 4px 5px !important;
}
.sommaire tr:hover{
background: #f5f5f5 !important;
}
.sommaire tr a{
cursor: pointer !important;
}
.sommaire tr a:hover{
color: #f40 !important;
}


/* FORMULAIRE */

#formulaire_contact input[type=text]{
width: 250px;
height: 21px;
display: block;
background: url(images/input2.png) no-repeat;
border: 1px solid #f40;
}

#formulaire_contact select{
width: 254px;
height: 24px;
display: block;
border: 1px solid #f40;
padding: 2px;
color: #333;
}

#message {
width: 725px !important;
height: 200px;
background: url(images/input3.png) no-repeat;
font-size: 14px;
border: 1px solid #f40;
}

#formulaire_contact p{
display: block;
margin-top: 7px;
}

#btn_ok{
background: #f40;
color: #fff;
width: 30px;
height: 21px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
cursor: pointer;
padding: 0px 1px 2px 0px;
margin-top: 20px;
border: 0px !important;

padding: 3px 1px 2px 0px \9;
}

#btn_ok:hover {
color: #222;
}
#btn_ok:active {
margin-left: 2px;
}

/*FOOTER*/
#footer{
width: 978px;
float: left;
margin-bottom: 5px;
}

.referencement {
display: block;
visibility: visible;
width: 978px;
text-align: right;
float: left;
}

.referencement p {
display: block;
height: 20px;
color: #aaa;
}
.referencement a {
font-size: 10pt;
font-weight: normal;
color: #aaa;
padding: 0px 0px 0px 0px;
}
.referencement a:hover{
color: #f40;
}



/* PARTIES CACHEES */

.referencement h1{
display: none;
}
#angle {
display: none;
}
#page h1{
display: none;
}
#main .espace_article{
display: none;
}
#main_01 .espace_article{
display: none;
}
.infos{
display:none;
}
#main_full h3{
visibility: visible;
}
#main_full .espace_article{
display: none;
}
#main_full_11 .espace_article{
display: none;
}
#pub_ver#pub_verticale,#pub_verticale2{
display: none;
}
#pub_verticale,#pub_verticale2 img{
display: none;
}
.end_zone{
display: none;
}

.titres_haut{
display: none;
}
.titres_bas{
display: none;
}
.commentaire_photo{
display: none;
}
#colonne_blocs{
display: none;
}