* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 color:#1a6aa0;
}
h3{
    color:#0e8ff7;
  }
h4{
	color:#4f4f4f;
	font-variant:small-caps;
	}

#wrapper { 
 margin: 0 auto;
 width: 980px;
 background-image:url(../images/bg.gif);
}

/*header*/

#header {
 width: 980px;
 height:340px;
 float: left;
 position:relative;
 background-color:#FFFFFF;
}

#header .masque {
	position: absolute;
	width: 980px;
	height: 340px;
	top: 0px;
	background-image:url(../images/Le-petit-Lourdes.png);
	margin:0;
	padding:0;
	overflow:hidden;
	line-height:800px;
}

/*slideshow*/

.slideshow {
	position: relative;
	width: 860px;
	height: 261px;
	margin-left:120px;
}

.slideshow img {

	position: absolute;
	top: 0;
	left: 0;
}

/*colonne gauche*/

#leftcolumn { 
 color: #333;
 margin: 0px 5px 0px 0px;
 height: 450px;
 width: 252px;
 float: left;
}
.vide{
width:242px;
padding:10px;
text-align:center;
}
.vide image{
padding:15px 0 15px 0;
}
.mdm{
position:relative;
overflow:hidden; 
height:282px; 
width:242px;
padding:0 10px 0 10px;
background-color:#a3d4fc;
}
.separation {
background-image:url(../images/separateur.gif);
background-repeat:repeat-x;
height:7px;
}

#rightcolumn .snews{height:auto;}
.snews{
height:236px; 
}
.date{
color:#666666;
font-size:10px;
}
.extrait{
font-size:12px;
color:#1a6aa0;
text-align:justify;

}
.vignette a img {
float:right;
border:#ffffff 2px solid;
margin:10px 5px 0px 5px;
width:100px;
}
.lire_la_suite a{
color:#4f4f4f;
font-size:10px;
}
.buttons{
position:absolute;
height:18px; 
width:55px;
top:597px;
left:240px;	
z-index:1;
}
.buttons a{
text-align:center;
display:block;
float:left;
height:18px;
width:18px;
color:#FFFFFF;
font-size:12px;
background-image:url(../images/button.jpg);
background-position: 18px 54px;
}
.buttons a:hover{
background-image:url(../images/button.jpg);
background-position: 18px 54px;
color:#4f4f4f;
}
#leftcolumn .mailing-box { 
border-top:#ffffff 5px solid;
 background-color:#a3d4fc;
 height: 151px;
 width: 242px;
 padding:10px;
 margin-top:10px;
 }
 
 /*colonne droite*/ 
 
#rightcolumn { 
 float: right;
 background: #ffffff;
 margin: 10px 0px 5px 0px;
 
 width: 707px;
 display: inline;
}

/*menu*/

.menu{
font-weight: bold;
font-size:1.2em;
width: 700px;
border-bottom:#1a6aa0 1px solid;
}

.menu ul{
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.menu ul li{
display: inline;
}

.menu ul li a{
padding: 6px 5px 4px 5px; 
text-decoration: none;
color:#1a6aa0;
}

.menu ul li a:hover{
color: #a3d4fc;
}
.menu ul li a.selected {
color: #0e8ff7;
}
.menu ul li a.active {
color: #0e8ff7;
}

/*contenu*/

.bandeau{
margin:20px 2px 10px 2px;
height:110px;
width:668px;
background-image:url(../images/musee.jpg);
background-repeat:no-repeat;
}
.contenu{padding:15px 10px 10px 10px;}
/*.contenu img { 
 float: right;
margin: 8px;
}*/
.contenu p { 
padding:15px 0px 0px 0px;
}


/*Footer*/

#footer { 
 width: 960px;
 clear: both;
 color: #333;
 background-image:url(../images/footer.gif);
 background-repeat:no-repeat;
 height:34px;
}

ul.footer {
  padding-top:40px;
	list-style-type: none;
	text-align: center;
	font-size: 0.834em;	
}
ul.footer li {
	display: inline;
}
ul.footer li a {
	color: #0c8ef7 ;/*!important;*/
	text-decoration: none;
}
ul.footer li a:hover{color:#1a6aa0;}


.hidden{display:none;}
.clear{clear:both;}
/*Fomr newsletter*/
#m3email{width:140px; float:left; margin-right:10px; height:19px;}

/*popup*/
.popup{ padding:1em;}
.popup li{ list-style:none;}
/**/

address {width:280px; float:left; margin-right:30px;}
address span{font-weight:bold; font-size:1.5em;}
a {cursor: pointer;	cursor: hand;}


.nobg{ background-image:none !important;}

/* Album */
	/*Sommaire des albums */
	ul.albums{ list-style:none; margin:0 !important; padding:0 !important; }
	ul.albums li{ overflow:hidden; }
	ul.albums li h3{position:relative; border-bottom:1px solid #1A6AA0; padding-bottom:.3em;}
	ul.albums li h3 span{position:absolute; right:0; top:0; font-weight:normal; font-style:italic;}
	ul.albums li img{ float:left; margin:0 1em 0 0;}
	ul.albums li p{margin:0; padding:0;}
	
	/*dans un album*/
	ul.images{ list-style:none; margin:0; padding:0;}
	ul.images li{float:left; display:block; margin:.5em .5em 0 0; position:relative;}
	ul.images li a{border:1px solid transparent;}
	ul.images  li a img{height:63px;}
	ul.images  li div.comment-image{}
	
	.popin-desc{display:none;}
/**/

/* tooltip */
.tip-top {
    color: #fff;
    width: 123px;
    z-index: 13000;
}
.tip-title {
    width: 123px;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
    background: url(bubble.png) top left;
}
.tip-text {
    width: 123px;
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(bubble.png) bottom right;
    color:#fff;
}
/**/


/*forms*/

#m3moduleform_1{float:left; width:295px; padding:0;}
fieldset{margin-top:0 !important;}
.msg-error{color:red; font-weight:bold;}

form {
padding:10px;
width:350px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
fieldset {
padding:20px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
legend {
color:#1a6aa0;
font-weight:bold
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
label {
display:block;
}
label.inline {
display:inline
}
input {
	border:1px solid #1a6aa0;
	background-color:#a3d4fc;
	font-family:Arial, Helvetica, sans-serif;
}
input[type=radio] {
margin-right:50px;
background-color:transparent;
border:none;
}
select, option {
	background-color:#a3d4fc;
	font-family:Arial, Helvetica, sans-serif;
}
textarea {
	border:1px solid #1a6aa0;
	background-color:#a3d4fc;
	font-family:Arial, Helvetica, sans-serif;
}

.left{float:left;}
.right{float:right;}
/**/