@charset "utf-8";
/* CSS Document */
html{ height:100% }


body{
color:#5f2887;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(gfx/bg_bottom.jpg);
background-repeat:no-repeat;
background-position:bottom right;
text-decoration:none;
}


#main{
width:400px;
padding:10px;
position:relative;
margin-left:30%;
margin-top:175px;
height:24em;

}





title{
font-size:0em;
color:#000000;


}


#entete_bg{
margin:0px;
padding:0px;
margin-bottom:0px;
background-image:url(gfx/bgtopright.jpg);
background-position:top left;
background-repeat:no-repeat;

}

#logo{
margin-bottom:10px;


}


a{
text-decoration:none;


}

/*           z-index:5;  fin figuolu                   */

#menulne{
text-decoration:none;
margin-top:45px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
float:right;
width:400px;
padding-left:10px;
margin-left:10px;
height:25px;


}
#titre{
font-size:23px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

#titre2{
font-size:23px;
color:#400080;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}


#menulne a {
text-decoration:none;
color:#FFFFFF;
font-size:11px;

}

#menulne a:hover {
text-decoration:none;
color:#00CCFF;
font-size:11px;

}


#menu{
width:510px;
height:auto;
margin:0 0 0 0;
padding:0 0 0 0;
color:#FFFFFF;

text-align:center;
}

#rubrique{
margin:0;
padding:0;
height:auto;;
float:left;
}

#miniature{
margin:2px;
padding:0px  ;
float:left;
width:100px;
height:50px;


}

#miniature a {

}

#miniature a:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

}

a{
color:#5f2887;
text-decoration:none;

}


a:hover{
color:#5f2887;
text-decoration:none;
text-decoration:underline;
}


#g_bar{

margin:0 0 0 0;
padding: 0 0 0 0;
width:510px;
}

#bar1{
background-color:#FFFFFF;
background-image:url(images/page_06.jpg);
background-repeat:no-repeat;
margin:0 0 0 0;
padding: 0 0 0 0;
width:507px;
height:16px;
}

#bar2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0 0 0 0;
padding-top:20px;
padding-left:10px;

background-image:url(images/page_07.jpg);
background-repeat:repeat-y;
width:500px;
height:350px;
}

#bar21{
background-color:#99FF00;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0 0 0 0;
padding-top:20px;
padding-left:10px;

background-image:url(images/page_07.jpg);
background-repeat:repeat-y;
width:500px;
height:390px;
}
#bar24{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0 0 0 0;
padding-top:50px;
padding-left:10px;

background-image:url(images/page_07.jpg);
background-repeat:repeat-y;
width:500px;
height:400px;
}


#bar3{
background-image:url(images/page_09.jpg);
background-repeat:no-repeat;
margin-top:0px;
margin-bottom:0px;
padding:0 0 0 0;
width:510px;
height:18px;
}


#bar4{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:20px;
padding-top:20px;
padding-left:15px;
background-image:url(images/page_07.jpg);
background-repeat:repeat-y;
width:510px;
height:310px;
}

#bar55{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0 0 0 0;
padding-top:25px;
padding-left:0px;

background-image:url(images/page_07.jpg);
background-repeat:repeat-y;
width:510px;
height:380px;
}

#compteur{
color:#6c2493;
font-size:42px;
margin-right:40px;
margin-top:70px;
padding:auto;
text-align:center;
vertical-align:middle;
width:153px;
height:97px;
float:right;
}


}

#pied{
text-decoration:none;
font-size:10px;
color:#FFFFFF;
}

.champs{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:7px;
width:300px;
width:150px!important;

}

#envoyer{
font-size:11px;


}


#space{
width:500px;
height:90px;

}

#photo{
float:right;
margin-right:30px;


}
#photoh{
float:left;
padding:0 0 0 0;
margin-left:30px;
margin-top:0px;


}
#photo1{
border:#00FF00;
border:4px;
margin:0 0 0 0;
padding:0 0 0 0;
float:right;
margin-right:30px;


}

#formulaire{
text-decoration:none;
color:#FFFFFF;
margin-top:0px;
padding:10px;
width:275px;
height:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}

#mairie{

margin:0 0 0 0;
padding:0 0 0 0;

}
#image_mairie{
width:200px;
margin-left:0px;
padding:0 0 0 0;
float:left;

}


TEXTAREA{

}

#textemairie{
text-decoration:none;
color:#5f2887;
font-family:Arial, Helvetica, sans-serif;
padding:0 0 0 0;
font-size:13px;
float:right;
margin-right:20px;

}
#mess{

width:455px;
}

tinde{
margin:0 0 0 0;
padding:0 0 0 0;
width:10px;


}

#mess{
width:350px;
}


.lavaLampBottomStyle {
position: relative;
height: 29px;
width: 421px;
color:#FFFFFF;
padding: 15px;
margin: 10px 0;
overflow: hidden;

}
.lavaLampBottomStyle li {
float: left;
list-style: none;
}
.lavaLampBottomStyle li.back {
/*border-bottom: 2px solid white;*/
background-image:url(gfx/etoile.gif);
background-repeat:no-repeat;
margin-top:25px;
margin-left:25px;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampBottomStyle li a {
font-size:  11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
outline: none;
text-align: center;
top: 7px;
/*text-transform: uppercase;*/
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
border: none;
}     

#liens{
padding:0px;
margin:0px;
height:15px;
width:auto;
}

#liens span{
margin-left:15px;
}                

/*------------------------------formulaire----------------------------------*/

#contact-wrapper {  
width:300px;
padding:10px;
position:relative;
margin-left:30%;
margin-top:15%;
height:100%;
background-image:url(gfx/gridbg.gif);
}  
#contact-wrapper div {  
    clear:both;  
    margin:1em 0;  
}  
#contact-wrapper label {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:100%;  
}  
form#contactform input {  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
    padding:5px;  
    font-size:12px;  
    color:#333;  
}  
form#contactform textarea {  
    font-family:Arial, Tahoma, Helvetica, sans-serif;  
    font-size:100%;  
    padding:0.6em 0.5em 0.7em;  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
}  
  
.error{
width:280px;
height:30px;
line-height:2em;
color:#FF0000;
font-size:14px;
}

.good{
width:100%;
height:30px;
line-height:2em;
background-color:#66CC33;
color:#ffffff;
font-size:14px;
}

#follow{
float:right;
height:36px;
width:87px;
margin-right:135px;
margin-top:55px !important;
margin-top:0px ;
padding:0px;



}

.submit{
color:#FFFFFF;
font-weight:300;
background-color:#66CC33;


}