/* CSS Document */
body { background-color:#004A65; margin:0; padding:0px;}
td, p, li {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#666666;}
input, textarea {padding:0; margin:0; padding-top:2px; font:bold 95% Arial, Helvetica, sans-serif; color:#333333; } 
a {font-weight:bold; text-decoration:underline; color:#333333;}
a:hover {text-decoration:none; color:#333333;}
a.postit {font-weight:normal; text-decoration:none; color:#666666;}
a.postit:hover {text-decoration:none; color:#666666;}




/* STRUCTURE DOCUMENT */
#zone_haut {background:url(../images/bandeaux/lateral-haut.jpg) repeat-x; text-align:center; }
#zone_milieu {background-color:#FFFFFF; text-align:center;  }
#zone_bas {background:url(../images/bandeaux/lateral-bas.jpg) repeat-x; text-align:center; }

#main_content {width:1024px; margin:0 auto; overflow:auto;}
#content_droite {margin-left:20px; min-height:360px; }

#bandeau_haut {width:1024px; margin:0 auto; text-align:left;}
#menu_haut {
	position:absolute;
	margin:-35px 0px 0px 55px;
	width:950px;
	height:27px;
	z-index:999;
}
#ss_menu {margin:0px 0 0 135px; width:820px; height:50px;}
.ss_menu_titre {background:url(../../images/menus/pointilles-sstitre.png) 30px 2px repeat-x; margin-left:26px; padding:4px 2px 0px 0px;}

#cadre_content {min-height:250px; overflow:auto; text-align:left; margin-left:130px;} 

#pile_polaroids {background:url(../images/polaroids/polaroids-cvlv.png) no-repeat; width:246px; height:275px; margin:50px 0px 0px 15px;}
#polaroid {position:absolute; width:174px; height:185px; overflow:hidden; margin:44px 0px 0px 30px;}
#trombonne_polaroid {position:absolute; margin:128px 0px 0px 30px;}
#titre_polaroid {position:absolute; margin:237px 0px 0px 31px;}


#bandeau_bas {width:1024px; margin:0 auto; }
#footer_contact {width:1024px; margin:-18px auto 0; color:#FDDD32; font:normal 9px Verdana, Arial, Helvetica, sans-serif; padding-bottom:4px;}
#footer_copyright {width:666px; margin:0 auto; background:url(../images/bandeaux/pointilles-bas.png) 0px 0px no-repeat;}
#footer_copyright p {color:#4F92A5; font:normal 9px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:3px 0px;}
#footer_copyright a {color:#4F92A5; font:normal 9px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}




/* LISTES */
.ss_titres {font:bold 14px Arial, Helvetica, sans-serif; color:#666666; }
.nocontent {font:bold 18px Arial, Helvetica, sans-serif; color:#666666; margin-top:20px;}


/* POSTITS */
#text {width:650px;}
#ttcont {font:normal 11px Verdana, Arial, Helvetica, sans-serif; }




/* SEJOURS MINI CAMPS */
.cadre_photo_camps {float:left; width:220px; overflow:hidden;}
.photo_camps {position:absolute; margin-top:-135px; margin-left:5px;}

.contenu_camps {margin-left:220px;}
p.titre_camps {font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-transform:uppercase; margin:0; padding:0;}
p.sstitre_camps {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:0;}
p.description_camps {margin:0; margin-top:3px; padding:0;}
.infos_camps {margin-top:5px; }



/* SEJOURS SPORT VACANCES */
.cadre_photo_sport {float:left; width:150px; overflow:hidden;}
.photo_sport {position:absolute; margin-top:-105px; margin-left:5px;}
.contenu_sport {margin-left:150px;}



/* PLANING LUDOTHEQUE */
#planning_ludo {list-style:none; margin:0; padding:0; padding-top:5px;}
#planning_ludo li {font:normal 10px Verdana, Arial, Helvetica, sans-serif; margin-top:5px;}


/* NEWSLETTER */
#uploader {width:700px;}

#listgalleries { list-style-type: none; margin: 0; padding: 0; overflow:hidden; }
#listgalleries li { margin:0 5px 5px 0; padding:0; float: left; width:175px;  }
#listgalleries .dragWrapper { position:relative; }
#listgalleries .gallery {
	width:156px; padding:4px;  margin:0 5px 5px 0;
	border:solid 1px #CCCCCC; background:#FFFFFF; 
	overflow:hidden; 
}

#listgalleries .delete { 
	width:14px; height:14px; 
	display:block; position:absolute; 
	right:13px; top:4px; 
	background:url(../images/icones/close.png) no-repeat 1000px 1000px; 
	z-index:200; cursor:pointer;
}
#listgalleries .dragWrapper:hover .delete {background-position:top left; }
#listgalleries .dragWrapper:hover .delete:hover { background-position:top right; }


#listgalleries .dragWrapper:hover .gallery {border:solid 1px #666; }
#listgalleries .gallery span {
	background-color:#eee; background-position:center 25%; background-repeat:no-repeat;display:block; 
	width:156px; height:115px; 
	cursor:move; 
}
#listgalleries .comment {width:160px;}