/*
Theme Name: Mairie de Flamanville
Theme URI: http://www.ch1.fr
Description: Mairie de Flamanville
Version: 1.0
Author: CH1
*/

@import "reset.css";
@import "menu.css";

body {
background: #fff;
font-family: arial, tahoma, sans-serif;
font-size: 13px;
margin: 0px;
padding:0;
}

.lang_fr {
left:216px;
position:absolute;
top:10px;
}

.lang_en {
left:256px;
position:absolute;
top:10px;
}

/* Titres
_________________________________________________________________ */

h1,h2{
font-family:Georgia, serif;
color:#08252c;
}

h3,h4,h5 {
font-family:arial;
color:#41869e;
}

h1 {font-size: 24px;font-weight:bold;margin:10px 0 0 0;padding:0;}
h2 {font-size: 28px;font-weight:normal;margin:10px 0 0 0;padding:0;line-height:1.2;}
h3 {font-family:georgia;
font-size:17px;
font-weight:normal;
letter-spacing:1px;
margin:10px 0 0;
padding:0;}
h4 {font-size: 13px;font-weight:normal;margin:10px 0 0 0;padding:0;}

h2.archivetitle {
color:#666666;
font-size:13px;
margin:20px 0 0;
padding:0;
text-align:left;
}

h3 a:link, h3 a:visited,h3 a:active {
color:#41869e;
text-decoration:none;
}

.post h2 {
margin:10px 0;
}

.post h3 {
clear:both;
margin:20px 0 15px;
font-size:24px;
letter-spacing:0;
line-height:26px;
}

h3 a:hover,
.post h4 a:hover {
color:#41869e;
text-decoration:underline;
}

.post h4 {
font-family:georgia;
font-size:16px;
font-weight:normal;
margin:10px 0 5px;
padding:0;
}

.post p {
margin:0 0 13px 0;
}

/* images and misc.
_________________________________________________________________ */

img{ border: none;}
img a{border:none;}
img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{
border-left:1px solid #A5ABAB;
margin:15px;
padding:0 12px 0 12px;
}

code{
margin:10px;
font-family:"Courier New", Courier, monospace;
}


/* Liens
_________________________________________________________________ */

a{
color:#41869e;
text-decoration:none;
border: none;
}

a:hover {
color:#41869e;
text-decoration: underline;
border: none;
}

/* container
_________________________________________________________________ */

#container {
width: 966px;
margin: 0 auto;
padding: 0;
color:#565656;
border: 0;
overflow: hidden;
position:relative;
}

/* HEADER
_________________________________________________________________ */

#header {
color:#FFFFFF;
height:316px;
position:relative
}

#header h1{
background:transparent url(images/flamanville_titre.png) repeat scroll 0 0;
font-family:arial;
font-size:16px;
font-weight:bold;
height:68px;
left:0;
letter-spacing:0;
margin:0;
padding:0;
position:absolute;
top:96px;
width:346px;	
}



#header h1 a{
display:block;
width:346px;height:68px;
margin:0;
padding:0;	
}

#header h1 a span {
display:block;
text-indent:-999999em;
}
#header h1 a:hover{text-decoration: none;}

#header h2{
font-family: arial, times;
font-style: italic;
font-weight:normal;
color: #ffffff;
letter-spacing: 1px;
margin: 0;	
padding:0;
position:absolute;
top:107px;
left:47px;
}


/* content 
_____________________________________________________*/

#content {
float:right;
margin:0;
overflow:hidden;
width:681px;
padding:0;
}	

.post {
line-height:14pt;
margin:0;
padding:20px 0 10px 0;
}

.home .post {
margin:30px 0 0 0;
}

.post h2 a{
color: #08252c;
text-decoration: none;
}

.post h2 a:hover{
color: #666;
text-decoration: none;
}

.post a{
text-decoration:underline;
}

.post ul {
list-style-position:inside;
list-style-type:disc;
padding:10px 0;
}

.post li {
background:transparent url(images/bg-liste.gif) no-repeat scroll 0 7px;
list-style-position:outside;
list-style-type:none;
padding:0 0 10px 20px;
}
}




.entry p{margin:12px 0;}

.postmetadata{
clear: both;
margin:0;
padding:2px;
font-size:10px;
border-top:1px solid #ddd;
color:#666;
}

.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active, .postmetadata a:hover{
color:#666;
}

.navigation {
float:left;
width:100%;
}

.alignleft {float:left;margin:0 20px 10px 0; }
.alignright {float:right;margin:0 0 20px 10px;}

.notfound{
margin:30px 0 0 0;
}


.edition {
background:#CCCCCC url(images/pencil.png) no-repeat scroll 5px 1px;
border-color:#DDDDDD #DDDDDD #AAAAAA #AAAAAA;
border-style:solid;
border-width:1px;
clear:both;
color:#DDDDDD;
font-size:10px;
margin:10px auto;
padding:3px 10px 3px 21px;
text-align:center;
text-transform:uppercase;
width:100px;
}

.edition a {
color:#666;
}


/* sidebar 
_____________________________________________ */


#sidebar {
border-right:1px dotted #ccc;
float:none;
font-family:arial,tahoma;
margin:12px 0 0;
overflow:hidden;
padding:0 15px 0 0;
width:243px;
}


#sidebar h2{
font-size:24px;
}

#sidebar p {
margin:0;
padding:0;
line-height:1.2;
}

#sidebar img {
padding: 0;
margin: 0;
}

#sidebar img.alignleft {
margin:5px 10px 10px 0;
}

#sidebar img.alignright {
margin:5px 0 10px 10px;
}

#sidebar ul {
margin:0;
padding:0;
list-style-type: none;
}

#sidebar ul li {
margin: 0;
padding: 0;
line-height: 14pt;
list-style-type: none;
}



#sidebar ul ul {
margin:0;
padding:0;
}



#sidebar ul ul li {
list-style-type: none;
list-style-position: inside;
}



#sidebar ul ul ul{
margin: 0;
padding: 0;
}



/* commentaires
_______________________________________________________________*/

#commentssection{
clear: both;
padding: 2px 12px;
margin: 0;
}


#commentform{
background: #F0F0F0;
margin: 12px 0 20px 0;
padding:10px;
}

#commentform textarea#comment {
font-family:arial;
font-size:12px;
padding:5px;
width:498px;
}

#commentbox{
width:70%;
min-width:400px;
margin:5px 5px 0 0;
}

h3#comments {
font-size:13px;
margin:10px 0 5px 0;
color:#6E84AB;
}


#author, #email, #url, #commentbox, #submit{

	background: #fff;

	font-family: verdana, arial, times;

	font-size: 8pt;

	margin:5px 5px 0 0;

	padding: 6px;

	border: 1px solid #B2B2B2;

	}

	

#submit{margin:5px 5px 0 0;}



ol.commentlist {
list-style-type: none;
margin:0;
padding:0;
}



ol.commentlist li {
background: #fff;
margin:10px 0;
padding:5px 0 5px 10px;
overflow: hidden;
}



ol.commentlist li.alt {
background: #E5E5E5;
margin:0;
padding:10px;
}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}



ol.commentlist a {color:#000;}



cite {

	font-family: arial, verdana, tahoma;

	font-size: 9pt;

	font-weight: bold;

	font-style: normal;

	}

	

cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* gravatar */

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

/* alignment classes */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/* search 
___________________________________*/

#searchform{
display:block;
font-family:arial,times;
padding:0;
margin:0;
}

#searchform input#s{
border:0 none;
font-family:arial,times;
font-size:12px;
margin:3px 0 0 5px;
padding:2px 5px;
}

#searchform input#searchsubmit{
background:transparent none repeat scroll 0 0;
border:0 none;
color:#797979;
font-family:verdana,arial;
font-size:11px;
margin:0;
padding:2px;
width:21px;
}

#searchform input#searchsubmit:hover {
cursor:pointer;
}


/* footer 
___________________________________________________*/

#footer {
background:#2B2B2B none repeat scroll 0 0;
border-top:17px solid #E2E2E2;
clear:both;
overflow:hidden;
padding:10px 0;
text-align:left;
}

#footer p.grand {
font-family:georgia,serif;
font-size:18px;
padding:6px 0 0 0;
}

#footer_container {
width: 966px;
margin: 0 auto;
}

#footer p{margin: 0; color: #fff;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{color: #fff;text-decoration: underline;}


/* menu footer
___________________ */
#menufooter {
margin:0;
padding:0;
}

#menufooter li{
margin:0;
padding:0;
display:inline;
margin:0 10px 0 0;
padding:0
}

#menufooter li a {
}

/* Diaporama
_________________________ */

#diaporama {
overflow:hidden;
height:261px;
text-align:center;
}

#diaporama_position {
height:261px;
position:absolute;
top:40px;
width:100%;
z-index:-1;
background:#F1F1F1 url(images/ajax-loader.gif) no-repeat scroll 50% 91px;
}

#diaporama img {
margin:0;
padding:0;
}

/* Calque 1
___________________________ */

#calque1 {
background:transparent url(images/bg-calque1.png) top left repeat-x;
}

/* recherche
___________________________ */

#recherche {
left:0;
position:absolute;
top:7px;
}
#recherche form {
background:transparent url(images/bg-recherche.png) no-repeat scroll left top;
height:25px;
width:203px;
}

#recherche form input#s {
background:transparent none repeat scroll 0 0;
border:0 none;
color:#787878;
font-family:arial,times;
font-size:12px;
margin:3px 0 0 5px;
padding:2px 5px;
width:162px;
}

/* Bande noire 
_____________________________ */
#bande_noire {
background:transparent url(images/bg-barre-noir.png) repeat scroll left top;
height:62px;
left:0;
position:absolute;
top:199px;
width:800px;
z-index:999999;
}

#cadres_entrees {
border:0 none;
height:54px;
margin:0;
padding:0;
position:absolute;
right:12px;
top:253px;
width:675px;
}

#cadres_entrees_accueil {
background:transparent url(images/bg_cadres.png) no-repeat scroll left top;
border:0 none;
height:166px;
margin:0;
padding:0;
position:absolute;
right:0px;
top:193px;
width:683px;
z-index:26;
}

#cadres_entrees_accueil ul {
position:relative;
display:block;
margin:0;
padding:0;
width:683px;
height:166px;
}

#cadres_entrees_accueil li {
display:block;
position:absolute;
width:199px;
height:133Px;
top:45px;
}

#cadres_entrees_accueil li#cadres_entrees1 {
background:transparent url(images/patrimoine1.jpg) top left no-repeat;
left:7px;
}

#cadres_entrees_accueil li#cadres_entrees1.bgpersonnalise2 {
background:transparent url(images/patrimoine2.jpg) top left no-repeat;
}
#cadres_entrees_accueil li#cadres_entrees1.bgpersonnalise3 {
background:transparent url(images/patrimoine3.jpg) top left no-repeat;
}

#cadres_entrees_accueil li#cadres_entrees2 {
background:transparent url(images/dielette1.jpg) top left no-repeat;
left:243px;
}

#cadres_entrees_accueil li#cadres_entrees2.bgpersonnalise2 {
background:transparent url(images/dielette2.jpg) top left no-repeat;
}

#cadres_entrees_accueil li#cadres_entrees2.bgpersonnalise3 {
background:transparent url(images/dielette3.jpg) top left no-repeat;
}

#cadres_entrees_accueil li#cadres_entrees3 {
background:transparent url(images/energie1.jpg) top left no-repeat;
left:476px;
}

#cadres_entrees_accueil li#cadres_entrees3.bgpersonnalise2 {
background:transparent url(images/energie2.jpg) top left no-repeat;
}

#cadres_entrees_accueil li#cadres_entrees3.bgpersonnalise2 {
background:transparent url(images/energie3.jpg) top left no-repeat;
}

#cadres_entrees_accueil li a {
font-weight:bold;
margin:94px 0 0 100px;
position:absolute;
}

#cadres_entrees_accueil li a:link,
#cadres_entrees_accueil li a:visited,
#cadres_entrees_accueil li a:active {
color:#868686;
text-decoration:underline;
}

#cadres_entrees_accueil li a:hover{
color:#868686;
text-decoration:none;
}

#cadres_entrees li {
display:block;
float:left;
margin:0;
padding:0;
list-style-type:none;
}

#cadres_entrees li img {

}

.actus {
clear:both;
display:block;
margin:5px 0;
overflow:hidden;
border-bottom:1px dotted #ddd;
}

.actus h3 {
line-height:16px;
margin:0 0 5px;
}

#sidebar p.savoir_plus {
clear:both;
margin:0;
}

p.savoir_plus a {
background:transparent url(images/savoir_plus.jpg) repeat scroll 0 0;
display:block;
float:right;
line-height:22px;
text-align:center;
width:106px;
}

.entry p.savoir_plus a {
float:none;
text-align:center;
}

p.savoir_plus a:link,
p.savoir_plus a:visited,
p.savoir_plus a:active {
color:#787878;
text-decoration:none;
}

p.savoir_plus a:hover {
color:#787878;
text-decoration:underline;
}

#execphp-4, #execphp-3 {
background:transparent url(images/cartographie.jpg) repeat scroll 0 0;
height:180px;
text-align:center;
width:255px;
position:relative;
}

#execphp-4 h2, #execphp-3 h2 {
margin:0 0 0 0;
padding:0;
position:absolute;
top:10px;
left:10px;
}

#execphp-4 a, #execphp-3 a {
left:44px;
position:absolute;
top:148px;
}
#execphp-4 a:link,
#execphp-4 a:visited,
#execphp-4 a:active,
#execphp-3 a:link,
#execphp-3 a:visited,
#execphp-3 a:active {
color:#787878;
text-decoration:none;
}

#execphp-4 a:hover,
#execphp-3 a:hover {
color:#787878;
text-decoration:underline;
}
.entry img {
padding:5px;
border:1px solid #ccc;
}

.breadcrumb {
font-size:11px;
position:absolute;
right:0;
top:322px;
width:679px;
}

.titre_diaporama {
color:#FFFFFF;
height:60px;
left:0;
position:absolute;
top:248px;
width:241px;
}

#ajax_temp {
position:absolute;
top:-99999em;
left:0;
}

/* Sidebar 2 
____________________________________ */

#sidebar2 {
border:0 none;
display:block;
float:right;
font-family:arial,tahoma;
margin:0 0 10px 20px;
padding:0;
width:258px;
}

#execphp-4 h2,
#mailpress-4 h2,
#text-3 h2 {
font-size:24px;
left:15px;
margin:0;
position:absolute;
text-align:left;
top:20px;
}

#mailpress-4 {
background:transparent url(images/bg-widget.jpg) top left no-repeat;
height:149px;
position:relative;
margin:20px 0 0 0;
}

#mailpress-4 .MailPress {
left:14px;
position:absolute;
top:50px;
width:222px;
height:90px;
}


.MailPressFormEmail {
background:transparent none repeat scroll 0 0;
border:0 none;
font-family:arial;
font-size:13px;
height:auto;
left:5px;
position:absolute;
top:4px;
width:166px;
}

.MailPressFormName {
display:none;
}

.MailPressFormSubmit {
background:transparent;
border:0 none;
height:23px;
left:168px;
margin:0;
padding:0;
position:absolute;
top:0;
width:34px;
}

.mp-form {
display:inline;
margin:0;
padding:0;
position:relative;
}

.MailPressFormSubmit:hover {
cursor:pointer;
}


/* Bouton marées 
______________________________ */

.btn_marees {
background:transparent url(images/btn_marees.jpg) top left no-repeat;
width:217px;
height:63px;
margin:20px 20px 20px 0;
position:relative;
zoom:1;
float:left;
}

a.btn_marees:link,
a.btn_marees:visited,
a.btn_marees:active {
color:#000;
text-decoration:none;
}

a.btn_marees:hover {
color:#000;
text-decoration:underline;
cursor:pointer;
}

.btn_marees span {
font-family:Georgia,serif;
font-size:14px;
position:absolute;
right:11px;
text-align:right;
top:11px;
width:170px;
}


.btn_marees span span {
font-size:18px;
right:0;
top:19px;
}

.blason_footer {
float:right;
}

.logo_footer {
background:transparent url(images/logo_footer.gif) no-repeat scroll left top;
display:block;
float:right;
height:37px;
margin:22px 30px 0 0;
width:162px;
}

#saviez_vous {
background:transparent url(images/bg_saviez_vous.gif) no-repeat scroll left top;
clear:both;
display:block;
height:46px;
margin:10px 0 20px;
overflow:hidden;
position:relative;
}

#saviez_vous span {
left:155px;
position:absolute;
top:15px;
margin:0;
padding:0;
display:block;
}





div.MailPress div.mp-loading, div.MailPress div.mp-message {
opacity:0;
filter:alpha(opacity=0);
height:auto;
width:auto;
position:absolute;
}


#container .widecolumn {
width:966px;
margin:20px 0;
}


.mp-loading img{
padding:0;
border:0;
vertical-align:middle;
margin:0 5px 0 0;
}

div.MailPress div.mp-formdiv {
margin:0;
padding:0;
background:transparent url(images/bg-champ-newsletter.jpg) no-repeat scroll left top;
height:27px;
}

.widget {
overflow:hidden;
clear:both;
position:relative;
margin:0 0 20px 0;
}

/* Accordeon elus
_________________________________________________________________ */

ul.accordeon, ul.accordeon ul { list-style: none; margin: 0;padding:0; }
ul.accordeon {}
ul.accordeon li { 
border-top: 1px solid #fff;
border-bottom: 1px solid #AFC3D3; 
background:none;
padding:5px;
margin:0;
}


ul.accordeon ul li { 
	border: none;
	padding:2px;
	margin: 0;
}

ul.accordeon h3, #content #maire h3 { 
display:block;
font-size:13px;
font-weight:bold;
line-height:18px;
margin:0;
padding:0;
text-decoration:none;
letter-spacing:0;
}

ul.accordeon li.TabOpen h3, #content #maire h3 {
font-size:16px;
}

ul.accordeon li {
background: #fff url(images/tabclose.gif) 647px 14px no-repeat;
}

ul.accordeon li.TabOpen {
background: #fff url(images/tabopen.gif) 647px 14px no-repeat;
overflow:auto;
}

*html ul.accordeon li{
clear:left;
display:table;
}

*html ul.accordeon li.TabOpen {
border-bottom:0;
}

*html ul.accordeon li li {
clear:none;
display:auto;
}

.fonction {
color:#888;
}

.titre {
color:#888;
}

ul.accordeon li.TabOpen p{

}



ul.accordeon li.TabOpen p.titre {
background:#E1EFA8 none repeat scroll 0 0;
color:#015F23;
margin:10px 0 0;
padding:5px 10px;
}


ul.accordeon li li {
background:none;
}

ul.asso_sportive li li {
line-height:15px;
}

ul.accordeon li:hover, ul.accordeon li.iehover { 
background: #E2EAF0 url(images/tabopen.gif)  647px 14px no-repeat;

cursor:pointer;
cursor:hand;
}

ul.accordeon li.TabOpen:hover {
background: #fff url(images/tabclose.gif)  647px 14px no-repeat;
cursor:default;
}

ul.accordeon li li:hover { 
background: none;
}

ul.accordeon p {
margin:0;
padding:0;
}

.titre_diaporama span {
font-size:10px;
display:block;
line-height:11px;
}

#desc_diaporama {
position:absolute;
top:-99999em;
left:0;
}

.encadre {
background:#EAF4F7 none repeat scroll 0 0;
border:1px solid #BBD3DB;
margin:20px;
overflow:hidden;
padding:20px;
}

.encadre h3 {
margin:0 0 10px 0;
}

.intro p {
margin:0 0 15px 0;
}

.mp-container {
margin:15px 0 0 0;
}

#sidebar p {
margin:0 0 12px 0;
}

.clear {
clear:both;
height:1px;
font-size:1px;
visibility:hidden;
}

.bouton {
display:block;
width:185px;
height:40px;
text-align:center;
line-height:40px;
background:transparent url(images/bouton.gif) top left no-repeat;
}

a.bouton:link,
a.bouton:visited {
text-decoration:none;
color:#666;
}

a.bouton:hover,
a.bouton:active {
text-decoration:underline;
color:#888
}

.nocomments {
display:none;
}

.text_accueil {
width:390px;
float:left;
}

.text_accueil h3 {
margin:0 0 10px 0;
}

#execphp-6 p {
margin:0;
}

#execphp-6 h3 {
font-size:13px;
font-weight:bold;
letter-spacing:0;
}


.category-actualites .post {
margin:0 0 20px;
}
.category-actualites .post h3 {
clear:both;
font-size:18px;
letter-spacing:0;
margin:0;
}
.category-actualites .post p {
margin:0;
padding:0;
}

.accueil_articles {
background:none repeat scroll 0 0 #F3F3F3;
border:1px solid #CDCDCD;
padding:20px;
width:355px;
}

.accueil_articles .actus {
clear:none;
}


.actus_en_ce_moment {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#E4E4D9;
border-style:solid;
border-width:1px 1px 1px 5px;
margin:0 0 10px;
overflow:hidden;
padding:9px 7px 0 12px;
}

p.savoir_plus {
margin:10px 0 0 0;
}

.entry .actus_en_ce_moment p.savoir_plus a {
float:right;

}

.actus_en_ce_moment h3 {
}

.actus_en_ce_moment h4 {
color:#888888;
font-size:13px;
margin:0 0 3px;
padding:0;
}

.moment {
float:left;
margin:0;
padding:0;
width:390px;
}

.moment h2 {
color:#9F9F77;
font-size:19px;
font-style:italic;
margin:0;
padding:0 5px 3px;
text-align:left;
}

.moment h3 {
font-size:13px;
font-weight:bold;
margin:0 0 3px;
padding:0;
line-height:17px;
}

.post .moment p {
margin:0 0 10px;
}

#text-3 {
background: url("images/telechargement.jpg") no-repeat scroll left top transparent;
}

#text-3 p.liste {
font-weight: bold;
    text-align: center;
   margin-top: 179px;
    width: 250px;
}

#sidebar2 #text-3 h2 {
    font-size: 22px;
    text-align: center;
    top: 10px;
}

#sidebar2 #text-3 .textwidget a.icon_telechargement{
    display: block;
    position: absolute;
    top: 20px;
    height: 153px;
    width: 256px;
    text-indent: -9999em;
}