* { margin: 0; padding: 0;}

::-moz-selection{ background:#ffc979; color:#000;}
::selection{ background:#ffc979; color:#000;}

a, a img{ outline:none; border:none;}

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-align:justify; background:url('../img/bg.jpg') no-repeat center top; background-attachment:fixed; -webkit-background-size: 2000px 1333px;}
#sauveterre{ width:42px; height:724px; position:absolute; background:url('../img/sauveterre-de-guyenne.png') no-repeat; left:50%; top:0; margin-left:-522px;}

ul{ list-style-type:none;}

h2{ font-family: 'Dosis', sans-serif; color:#003399; font-size:20px; font-weight:600; padding:0 0 0 42px; text-transform:uppercase; background:url('../img/h2.png') no-repeat left center; margin:0 0 15px 0; text-align:left;}
h3{ margin:0 0 10px 0;}

p{ margin:0 0 10px 0;}
p.right{ text-align:right;}

#web{ width:960px; float:left; left:50%; margin:0 0 0 -480px; min-height:750px; position:relative; background:#fff;}

#header{ width:100%; float:left; height:140px; margin:0 0 30px 0; background:#000000;}

#logo{ width:715px; height:110px; float:left; position:relative; z-index:1000;}

#slideshow{ width:960px; height:110px; position:absolute; top:0; left:50%; margin-left:-480px; overflow:hidden;}

#banner{ width:960px; float:left; position:relative; height:30px; background:url('../img/bg-banner.jpg') repeat-x; z-index:1000;}

#nav{ font-family: 'Dosis', sans-serif; font-weight:600; position:absolute; left:50%; margin-left:-480px; top:80px; text-align:left; color:#fff; z-index:1000;}

ul#ul-nav{ display:block; list-style-type:none; position:relative; margin:0; padding:0; z-index: 9999999;}
ul#ul-nav li { display: block; list-style: none; padding: 0; float:left; margin:0 15px; position: relative; z-index: 1000000000000000000!important;}
ul#ul-nav li img{ margin:0; padding: 0;}
#nav-bienvenue{ max-width: 300px;}
#nav-mairie, #nav-vie, #nav-loisirs{ max-width: 180px;}
ul#ul-nav a{ color:#fff; text-decoration:none; display:block;}
ul#ul-nav a:hover{ color:#ffcc00; text-decoration:none;}
ul#ul-nav ul{ position:absolute; background:#00194c; font-size:12px; font-weight:600; width:180px; padding:0; margin:0; display:none;}
ul#ul-nav ul li{ height:auto; float:none; padding:10px; width:160px; margin:0;}
ul#ul-nav ul ul{ position:absolute; left:180px; background:#003399; width:180px; padding:0; margin:0; top:0;}
ul#ul-nav ul ul li{ height:auto; display:block; float:none; padding:10px; width:160px; margin:0;}
ul#ul-nav ul ul.ss-activites{ position:absolute; left:-180px; width:180px; margin:0;}
ul#ul-nav ul#ss-bienvenue{ position:absolute; font-size:12px; font-weight:600; width:300px; margin:0;}
ul#ul-nav ul#ss-bienvenue li{ height:auto; display:block; float:none; padding:10px; width:280px; margin:0;}
ul#ul-nav ul#ss-bienvenue li li{ width:160px;}
ul#ul-nav ul#ss-bienvenue ul{ position:absolute; left:300px; width:180px; margin:0;}
ul#ul-nav li.li-ss-ss-nav:hover span{ color:#ffcc00;}
ul.ul-ss-ss-nav{}

ul#ul-nav ul li+li{ border-top:1px solid #fff;}

#follow{ width:230px; float:left; margin:0 0 10px 0;}
#follow a{ margin-right:10px;}

#search{ float:right; margin:0 0 0 5px;}
#search h2{ display:none;}
#search input[type="text"]{ background:#ccffff; border:1px solid #99bfbf; width:150px; font-size:12px; height:18px; color:#333;}
#search input[type="submit"]{ width:19px; height:19px; background:url('../img/search.png') no-repeat; border:none; cursor:pointer;}
#search fieldset{ border:none;}

#wrapper{ width:100%; float:left; margin:0 0 20px 0;}
#content-home a, #content a, #left a, #right a, #breadcrumb a, #sitemap a{ color:#003399; text-decoration:none;}
#content-home a:hover, #content a:hover, #left a:hover, #right a:hover, #breadcrumb a:hover, #sitemap a:hover{ color:#003399; text-decoration:underline;}

#breadcrumb{ width:665px; float:left; margin:0 0 20px 0; padding:5px 0 0 285px; font-size:16px; font-family: 'Dosis', sans-serif;}

#left, #right{ width:230px; float:left;}
#left{ margin:0 25px 0 5px;}
#right{ margin:0 5px 0 25px;}

#left h3{ font-size:12px; font-weight:bold; color:#003399;}

#content-home{ width:390px; float:left; margin:0 25px;}
#content{ width:665px; float:left; margin:0 0 0 25px;}
#content h2{ background-position:left 3px;}

#news{ width:390px; float:left;}
#news h3{ font-size:12px; font-weight:bold; margin:0;}
#news p.date-actus{ margin:0 0 10px 0; text-align:right;}
#news p{ margin:0;}
#news h3 a{ color:#333; text-decoration:none;}
#news h3 a:hover{ color:#333; text-decoration:underline;}
#news .news-frame{ width:390px; float:left; padding:0 0 20px 0; margin:0 0 20px; border-bottom:1px solid #999;}
#news .news-img{ width:110px; float:left; margin-right:10px;}
#news .news-txt{ width:270px; float:left;}
#news pre{ white-space : pre-wrap;}

#news-actus{ width:665px; float:left;}
#news-actus h3{ font-size:12px; font-weight:bold; margin:0;}
#news-actus p.date-actus{ margin:0 0 10px 0; text-align:right;}
#news-actus p{ margin:0;}
#news-actus h3 a{ color:#333; text-decoration:none;}
#news-actus h3 a:hover{ color:#333; text-decoration:underline;}
#news-actus .news-frame{ width:665px; float:left; padding:0 0 20px 0; margin:0 0 20px; border-bottom:1px solid #999;}
#news-actus .news-img{ width:110px; float:left; overflow:hidden; margin-right:10px;}
#news-actus .news-txt{ width:540px; float:left;}

#informations, #situation, #liens{ width:230px; float:left; margin:0 0 20px 0;}
#informations{ background:#fff url('../img/bg-infos.jpg') repeat-x left bottom;}
#informations p{ margin:0 0 2px 0;}
#informations span{ width:100px;}
#informations ul{ padding:10px 0 10px 40px; margin:10px 0;}
#informations a{ color:#333; text-decoration:underline;}
#informations a:hover{ text-decoration:underline;}

#liens{ width:230px; float:left; font-family: 'Dosis', sans-serif; font-size:16px; font-weight:600; text-transform:uppercase; text-align:left;}
#liens p{ margin:0; border-top:1px solid #999; padding:3px 0;}
#liens h2{ margin:0 0 3px 0;}
#liens ul li{ padding:0 0 0 40px; background:url('../img/bg-liens-li.png') no-repeat 15px center;}
#liens a{ text-decoration:none; color:#333;}
#liens a:hover{ text-decoration:none; color:#000;}

/*.links{ width:230px; float:left; font-family: 'Dosis', sans-serif; font-size:20px; font-weight:600; text-transform:uppercase;}
.links p{ margin:0; border-top:1px solid #999; padding:3px 0;}
.links h2{ margin:0 0 3px 0;}
.links ul li{ padding:0 0 0 40px; background:url('../img/bg-liens-li.png') no-repeat 15px center;}
.links a{ text-decoration:none; color:#333;}
.links a:hover{ text-decoration:none; color:#000;}*/

#demandes{ width:230px; float:left; font-family: 'Dosis', sans-serif; font-size:16px; font-weight:600; text-transform:uppercase; text-align:left;}
#demandes p{ margin:0; border-top:1px solid #999; padding:3px 0;}
#demandes h2{ margin:0 0 3px 0;}
#demandes ul li{ padding:0 0 0 40px; background:url('../img/bg-liens-li.png') no-repeat 15px center;}
#demandes a{ text-decoration:none; color:#333;}
#demandes a:hover{ text-decoration:none; color:#000;}

#footer{ width:100%; float:left; position:relative; padding:10px 0 0 0; background:#c8d152; color:#013300;}
#footer a{ color:#013300; text-decoration:none;}
#footer a:hover{ color:#013300; text-decoration:underline;}

#foot{ width:960px; margin:0 auto; padding:10px 0;}

#footer-widgets{ width:960px; float:left; padding:10px 0;}

#legal{ width:960px; float:left; margin:50px 0 0 0; padding:10px 0 30px 0; border-top:1px solid #013300; text-align:center;}

#agenda { width:210px; padding:15px 10px 30px 10px; float:left; background:#ffcc00; margin:0 0 20px 0;}
#agenda p{ margin:0; text-align:left;}
#agenda p.excerpt{ font-style:italic; text-align:right;}
#agenda h2{ color:#000; background:url('../img/h2-agenda.png') no-repeat left center; margin:0 0 30px;}
#agenda h3{ margin:0;}
#agenda a{ color:#666; text-decoration:none; font-size:14px; font-weight:bold;}
#agenda a:hover{ color:#666; text-decoration:underline;}
.agenda-inside{ margin:0 0 20px 0;}
#agenda li{ height:250px;}

#agenda p.agenda-margin{ margin:0 0 20px 0;}

.non-agenda .lastpostsextend{ width:180px; float:left; padding:0 10px 0 10px; border-left:1px solid #013300; text-align:left;}
.non-agenda h2{ background:none; padding:0; color:#013300; text-transform:none; font-size:18px;}
.non-agenda .ss-lastpostsextend{ margin-bottom:20px;}

#dcStats{  width:136px; float:left; padding:0 10px 0 10px;}
#dcStats h2{ background:none; padding:0; color:#013300; text-transform:none; font-size:18px;}

#comments-tabs{ width:100%; float:left; margin:20px 0;}
#comments-tabs li{ margin:0 0 10px 0;}

#comment-form{}
#comment-form fieldset{ border:none;}
#comment-form p.field{ margin:5px 0; float:left; width:100%;}
#comment-form label{ width:200px; float:left;}
#comment-form input[type="text"]{ width:294px; float:left; border:1px solid #999; padding:2px;}
#comment-form textarea{ width:294px; height:200px; float:left; overflow:auto; border:1px solid #999; padding:2px;}
#comment-form input[type="submit"]{ padding:5px 10px; background:#003399; color:#fff; margin:0 0 0 400px; border:none; cursor:pointer;}
#comment-form p.form-help{ width:300px; margin-left:200px; text-align:justify; font-style:italic;}

#attachments{ float:left; padding:20px; background:#ecf5ff;}


#sous-nav{ width:230px; float:left; margin:40px 0 0 0; text-align:left;}

#ul-ss-nav{ width:230px; font-family: 'Dosis', sans-serif; font-size:16px;}
#ul-ss-nav li.li-ss-nav{ padding:0 0 20px 0; font-weight:600;}
#ul-ss-nav li.li-ss-ss-nav{ padding:10px 0 0 10px; font-size:14px; font-weight:600;}
#ul-ss-nav li.li-ss-ss-ss-nav{ padding:5px 0 0 20px; font-size:14px; font-weight:normal;}
#ul-ss-nav a{ color:#003399; text-decoration:none;}
#ul-ss-nav a:hover{ color:#000; text-decoration:none;}

ul.ul-ss-ss-nav, ul.ul-ss-ss-ss-nav{ display:none;}
ul.open, ul.current{ display:block;}


#myGoogleMap{ width:230px; height:160px; float:left; margin-bottom:5px;}

img.avatar{ display:none;}

#comments dt{ margin:0 0 5px 0;}
#comments dd{ margin:0 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #fff;}
#comments dl{ margin:0 0 20px 0; padding:10px; background:#ecf5ff;}

#attachments h3, #comments-tabs h3{ margin:0 0 10px 0; color:#003399;}

#sitemap h2{ margin-left:10px;}
#sitemap h3{ margin:0 0 15px 0; font-family: 'Dosis', sans-serif; font-size:18px; font-weight:600; text-transform:uppercase;}
#sitemap h4{ margin:0 0 10px 0;}

.sitemap-bloc{ width:300px; float:left; margin:10px;}

blockquote{
	background-color: #CCCCCC;
    border: medium none;
    margin: 10px 0;
    padding: 5px 10px 15px;
    text-align: justify;
}

#search-bloc div.post{ width:100%; float:left; padding:0 0 5px 0; border-bottom:1px solid #CCC; margin-bottom:15px;}


#web{ box-shadow:0px 0px 15px #000000;}
#footer{ box-shadow:0px 0px 10px #000000;}
#agenda, #informations{ border-radius:10px;}
#comment-form input[type="submit"], ul#ul-nav ul{ border-radius:5px;}
#comment-form input[type="submit"]:hover{ box-shadow:0 0 5px #000;}
#comment-form input[type="text"], #comment-form textarea{ border-radius:3px;}

#partage{ width:100%; float:left; padding:5px 0; background:#dfeaff; margin-top:10px;}
#partage p{ margin:0; padding:0 10px;}
#partage img{ vertical-align:middle;}

/*********************
	  HOME SLIDER
*********************/

#all-content{ width: 440px; float: left;}
#h2-slider_home h2{ width: 100%; float: left;}
#slider_home{
    background-color: #fff;
    width:440px;
    height:240px;
    margin:0;
    float: left;
    position:relative;
    color:#fff;
    /*letter-spacing:-1px;*/
    overflow:hidden;
    margin-bottom: 20px;
}

img.bg{
    position:absolute;
    top:0px;
    left:0px;
}
#slider_home ul{
    list-style:none;
    position:absolute;
    right:0px;
    top:0px;
    margin: 0;
    z-index:9;
    padding: 0;
    height: 240px;
    background: #003399;
}
#slider_home ul li{
    display:block;
    float:left;
    clear:both;
    width:150px;
}
#slider_home ul li a{
    width:150px;
    float:right;
    clear:both;
    text-decoration:none;
    display:block;
    height:60px;
    /*line-height:60px;*/
    background-color:#003399;
    margin: 0;
    color:#fff;
    font-size:1em;
    text-transform: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px;
    text-align: left;
    border-bottom: 1px dashed #fff;
}
#slider_home ul li:last-child a{
	border: none;
}
#slider_home ul li a:hover{
}
#slider_home ul li a.active{ background-color: #ffcc00; color:#003399;}
#slider_home ul li a.inactive{ background-color: #003399; color:#fff;}
#slider_home .heading{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    background: rgba(0, 0, 0, 0.7);
}
#slider_home h2{
    font-weight:normal;
    font-size:2em;
    padding:0 20px;
    height:60px;
    border: none;
    margin: 0;
    color: #fff;
}
#slider_home .description{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    width:290px;
    height:100px;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:10px 20px;
    background: rgba(0, 0, 0, 0.7);
    font-size: 1em;
    text-align: left;
}
#slider_home .description p{
    text-transform:none;
    letter-spacing:normal;
    line-height: 1.2;
}
a.more{
    text-decoration:none;
    float: right;
    color: #000;
    padding: 5px 10px;
    background: #ffcc00;
    margin-top: 20px;
}
a.more:hover{
	color: #000;
	text-decoration:none;
}
#slider_home img{ height: 240px!important; height: auto; float: left;}

img {
Max-width :100% ;
}