/*
Theme Name: Effervescence
Theme URI: http://www.multiforme.org
Description: Effervescence is theme by <a href="http://www.multiforme.org/">Multiforme</a>.
Version: 1.0
Author: Lucie Bombled
*/

@import "layout.css";


 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	margin: 0px;
	padding:0px;
	background: #d6d6d6 url(images/degrade.jpg) repeat-x center top;
	font-family: Arial, Helvetica, sans-serif;
	color:#1a2f42;
	font-size:12px;
	behavior: url(csshover.htc); 
}

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
}

h1{font-weight:bold;
	font-size:1.2em;
	color:#d9486f;}
h2{font-size:0.8em;
color:#666;
font-weight:100;
margin-top:4;
padding-top:0;
text-align:left;}
h3{font-size:0.9em;
color:#014948;
font-weight:bold;

text-align:left;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #CCC;
}

textarea{
	width: 80%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #14719c;
	
}

a:visited{
	color: #14719c;
}

a:hover{
	color: #d9486f;
}
p{
		
}
.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */
#page{
	background-position: top center;
	color: inherit;
	display:block;
	position: relative;
     margin-left: auto;
     margin-right: auto;
}


/*bloc page*/

#blocpage{
	display:block;
	position: relative;
	 top:40px;
	 left:0px;
	 width:826px;
}
#header{

	background:url(images/entete.jpg) no-repeat top left;
	height:199px;
	width:826px;
	clear:both;
}

.milieu{
	background:url(images/milieu.jpg) repeat-y top right;
	width:826px;
	margin-top:-10px;
	position:relative;
	display:block;
	overflow:hidden;
}


/*ENTETE*/
#menuhaut {
	position:relative;
	display:block;
	width:160px;
	left: 640px;
	 top:16px;

}
#pictomaison a{
	display:block;
	position:absolute;
	width:38px;
	height:24px;
	float:left;
	left:0px;
	background:url(images/pic-maison.gif) no-repeat top right;
		
}
#pictocourrier a{
display:block;
position:absolute;
width: 38px; 
height:24px;
float:left;
left:38px;
background:url(images/pic_courier.gif) no-repeat top right;
}
#pictocopy a{
display:block;
position:absolute;
width: 38px; 
height:24px;
float:left;
left:76px;
background:url(images/pic-mentions.gif) no-repeat top right;
}
#logo a{
	position:relative;
	display:block;
	width:320px;
	height:58px;
	left: 100px;
	 top:40px;
	 float:left;
	 background:url(images/logo.gif) no-repeat top right ;
	width:320px;
	height:58px;
}

#recherche {
background:url(images/recherche.gif) no-repeat top right ;
	width:192px;
	height:42px;
	position:relative;
	display:block;
	left: 250px;
	 top:45px;
	 float:left;
}
#recherche input {
margin:12px 2px 10px 6px;
color:#064d6c;
font-weight:bold;
font-size:0.9em;
float:left;
}
#recherche a {
margin-top:0px;
}


.submit {
background:url(images/recherche_btn.gif) no-repeat top right ;
color:#FFFFFF;
	width:39px;
	height:28px;
	position:relative;
	display:block;
	left: 0px;
	top:-5px;
	z-index:1;
	float:left;
	border:none;
	margin:0px 2px 0px 0px;
	cursor: pointer;
}
.input{
border: #125b7b 1px solid;
padding-right:4px;
width:130px;
}
#accroche {
background:url(images/accroche.gif) no-repeat top right ;
	width:300px;
	height:23px;
	position:relative;
	display:block;
	left: 250px;
	 top:45px;
	 clear:both;	

}
#menu {
	position:relative;
	display:block;
	width:660px;
	left: 250px;
	 top:55px;

}


#association a{
	display:block;
	position:absolute;
	width:114px;
	height:35px;
	float:left;
	left:0px;
	background:url(images/association.gif);
	color:#FFFFFF;
	text-decoration:none;
}

#association a:hover{
	background-position: 0 -35px; 
}
#association a:link{ 
background-position: 0 0; 
}

.sousmenu a{
background-color:#333333;

color:#FFFFFF;
height:20px;
}


#grdetravail a{
	display:block;
	position:absolute;
	width:114px;
	height:35px;
	float:left;
	left:105px;
	background:url(images/grdetravail.gif);
}
#grdetravail a:hover{
	background-position: 0 -35px; 
}
#grdetravail a:link{ 
background-position: 0 0; 
}
#liste a{
	display:block;
	position:absolute;
	width:114px;
	height:35px;
	float:left;
	left:210px;
	background:url(images/liste.gif) ;
}
#liste a:hover{
	background-position: 0 -35px; 
}
#liste a:link{ 
background-position: 0 0; 
}
#manifestations a{
	display:block;
	position:absolute;
	width:114px;
	height:35px;
	float:left;
	left:315px;
	background:url(images/manifestations.gif);
}
#manifestations a:hover{
	background-position: 0 -35px; 
}
#manifestations a:link{ 
background-position: 0 0; 
}
#archives a{
	display:block;
	position:absolute;
	width:114px;
	height:35px;
	float:left;
	left:420px;
	background:url(images/archives.gif);
}
#archives a:hover{
	background-position: 0 -35px; 
}
#archives a:link{ 
background-position: 0 0; 
} 
 
#barre {
	display:block;
	position:absolute;
	width:721px;
	height:19px;
	left:57px;
	background:url(images/barre_menu.gif) no-repeat top right ;
	top:168px;
}
/* Le contenu
-------------------------------------------------------- */
.billet{
margin:10px 10px 0px 75px;
padding-bottom:60px;
color:#1a2f42;
	font-weight:normal;
width: 450px!important;
width: 420px;

	text-align:justify;
}
.pagetitle{
	margin:10px 10px 0px 75px;
width: 450px!important;
width: 420px;

	text-align:justify;
	}

.title{font-weight:bold;
	font-size:1.2em;
	color:#d9486f;}
	
.title a{font-weight:bold;
	font-size:1.2em;
	color:#d9486f;
	text-decoration:none;
	}
	
.title a:hover{
	text-decoration:underline;}	
.posted {
font-size:0.8em;}
.blocsdroites{
	float: right;
	width: 210px;
	padding-bottom: 4em;
	top : 60px;
	left:0px;
	margin-top:20px;
    margin-right:50px!important;
	margin-right:45px;
}
.lienshaut{
	display:block;
	position:relative;
	width:205px;
	height:34px;
	background:url(images/liens_haut.gif) no-repeat top right ;
	
}
.liensmilieu{
	display:block;
	position:relative;
	width:204px;
	background:url(images/liens_milieu.gif) repeat-y top right ;
	
}
.liensbas{
	display:block;
	position:relative;
	width:205px;
	height:34px;
	background:url(images/liens_bas.jpg) no-repeat top right ;
	padding-top:20px;
	
}
.assohaut{
	display:block;
	position:relative;
	width:205px;
	height:34px;
	background:url(images/asso_haut.gif) no-repeat top right ;
	
}
.actuhaut{
	display:block;
	position:relative;
	width:205px;
	height:34px;
	background:url(images/actu-haut.gif) no-repeat top right ;
	
}

.syndichaut{
	display:block;
	position:relative;
	width:205px;
	height:34px;
	background:url(images/social.gif) no-repeat top right ;
}
.lienstxt{
padding:10px 10px 0px 10px;
}
.lienstxt a {
background:url(images/fleche.gif) no-repeat center left ;
color: #14719c;
padding-left:20px;
margin-left: 0px;
text-decoration:none;
font-weight:bold;
line-height:1.4em;
}
.lienstxt a:hover{
color: #d9486f;
}
.bloccomment
{
float:right;
margin-bottom:-20px;


}

.comments {
margin-left: 0px;
font-size:0.8em;
padding-left:20px;
line-height:2em;
}
.comments2 {
margin-left: 0px;
font-size:0.8em;
padding-left:20px;
line-height:2em;
}
.comments3 {
text-align:right;
font-size:0.8em;

}
.comments a{
color: #14719c;
text-decoration:underline;
font-weight:normal;
font-weight:bold;
line-height:1.4em;
}

.comments a:hover{
color: #d9486f;
}


/* Le pied de page
-------------------------------------------------------- */
.footer1{
	font-weight:normal;
	font-size:0.9em;
	color: #666;

}



#footer{
	margin: 0;
	padding: 1em;
	color: #999;
	background:url(images/bas.gif) no-repeat bottom left;
	width:826px;
	height:58px;
	text-align:center;
	position:relative;
	line-height:1.6em;
	display:block;
	position:relative;
	top:5px;
	font-size:0.9em;
	padding: 0px 0 35px 0;
}

#footer1 a{
	color: #14719c;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover{
text-decoration:overline;
text-decoration:underline;
}


/*menueff*/
/* Rolling Menu Styles */

#menueff {
	position:relative;
	display:block;
	width:720px;
	left: 200px;
  /*left: 86px;*/
	 top:52px;
	 z-index:1;
}

#menueff ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	z-index: 500;	
	font-weight: bold;
	font-size: 1em;
	float:left;
	width:114px;
	height:35px;
	

}

#menueff li {
	display: inline;
	float: left;
	position: relative;
	height:35px;
	text-align:center;
	line-height:1.2em;
	color:#FFFFFF;
	
}

#menueff h2 {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

#menueff li ul {
	width: 114px;
	height: auto;
	top: 100%;
	left: 0px;		
	font-weight: normal;
	font-size: 1em;
}

#menueff li.LargeMenu ul {
	width: 200px;
	height: auto;
	top: 100%;
	left: 0px;
}

#menueff li ul li {
	text-align: left;
	width: 104px;	
	height: auto;
	min-height: auto;
	display: block;
}

#menueff li.LargeMenu ul li {
	text-align: left;
	width: 198px;	
	height: auto;
	min-height: auto;
	display: block;
}

#menueff a {
	text-decoration: none;

	}

#menueff li li ul {
	top: 0;
	left: 0;
}

#menueff li li:hover ul {
	left: 40px;
	top:-20px;
	width:65px;


}

/* initialy hide all sub sidemenus */
#menueff ul ul,
#menueff ul li:hover ul ul,
#menueff ul ul li:hover ul ul,
#menueff ul ul ul li:hover ul ul,
#menueff ul ul ul ul li:hover ul ul {
	position: absolute;
	display:none;
}

/* display them on hover */
#menueff li:hover ul,
#menueff ul li:hover ul,
#menueff ul ul li:hover ul,
#menueff ul ul ul li:hover ul,
#menueff ul ul ul ul li:hover ul,
#menueff ul ul ul ul ul li:hover ul {
 	 display: block;
}



/* define the consecutive colors */

#menueff {
	color: #FFFFFF;
		font-weight:bold;

}

#menueff ul{
	background: #14719c;
	-moz-opacity:0.92; /* for mozilla */
	opacity: 0.92; /* for safari */
	filter:alpha(opacity=92); /* propriétaire IE */
	khtml-opacity: 0.92 /* for konquerer and older safari */
	

}

#menueff ul ul {
	background: #14719c;
}
#menueff ul li {
		background:url(images/onglet2.gif);
			width:114px;
	height:35px;
		color:#FFFFFF;
line-height:35px;

}
	


#feeds li {
  background: url(images/feed.png) top left no-repeat;
  padding-left: 18px;
}

#menueff h2 {
	color: #FFFFFF;
	
}


#menueff a:hover {
	color: #0d445c;
	font-weight:bold;
	width:114px;
	
	}
	#menueff a:active {
	color: #0d445c;
	font-weight:bold;

	}
#menueff ul li:hover {
	background-position: 0 -35px;
	color:#FFFFFF; 
}

#menueff ul li ul {
line-height:15px;

}

#menueff ul li ul li {
	background: #14719c;
	padding:0px 5px 10px 5px;
	color:#FFFFFF;
	line-height:15px;
}
#menueff a {
	color: #FFFFFF;
	font-weight:bold;
	
	}

#menueff ul li ul li:hover {
	background: #1B9CD8;
	color:#FFFFFF;
}

#menueff ul li ul ul li{
	background: #283F54;
	margin:0px;
	border:white 1px solid;
	height:10px;
	width:65px;
	
	}

#menueff ul li ul ul li:hover {
	background: #1B9CD8;
}

#wp-calendar #next a {
	background: none;
	}

#wp-calendar #prev a {
	background: none;
	}
.grdetravail {
line-height:10px;
}

/* ANNUAIRE DE LIENS*/

/* display them on hover */
.cat_liens{
font-weight:bold;
	font-size:1.2em;
}


.annu_lien{
font-weight:bold;
	font-size:1.2em;
}
.pt_lien{
	font-size:0.9em;
	margin-bottom:8px;
}

/*DERNIERS POSTS*/
.yd_rp_widget > a.lienstxt {
color:#000000;
background-color:#CC9;
}

.yd_rp_widget > li {
	list-style-image:none;
	list-style:none;
	
	
}

.yd_rp_widget > ul {
	list-style-image:none;
	list-style:none;
	
}

.yd_rp_excerpt{
	list-style-image:none;
	padding-left:20px;
	
	
}
.ydtxt{
padding:10px 10px 10px 0px;
margin:0 10px -20px -30px;
}
.ydtxt a {
color: #14719c;
margin-left: 0px;
text-decoration:none;
font-weight:bold;
line-height:1.4em;
text-decoration:none;
font-size:12px;
}
.ydtxt a:hover{
color: #d9486f;
text-decoration:none;
}

/*blocs réseaux sociaux */
.social{
padding:15px;
}

/*side bar twitter*/

.twittertxt{
padding:10px 10px 10px 0px;
margin:0px 10px -20px 10px;
}

* html .twittertxt{
margin:0px 10px -20px 10px;
}
.twittertxt a {
color: #14719c;
margin-left: 0px;
text-decoration:none;
font-weight:bold;
line-height:1.4em;
text-decoration:none;
}
.twittertxt a:hover{
color: #d9486f;
}
.twitterhaut{
	display:block;
	position:relative;
	width:205px;
	height:34px;
	background:url(images/surlaliste.gif) no-repeat top right ;
	
}
.twittertxt > ul > li {
background:url(images/fleche.gif) no-repeat top left ;
list-style:none;
padding-left:20px;
margin-left: -20px;
text-decoration:none;
line-height:1.4em;
font-size:12px;
}