html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}
.verdana{font-family:Verdana,sans-serif}
.trebuchet{font-family:"Trebuchet MS",sans-serif}
.helvetica{font-family:Helvetica,sans-serif}
.arial{font-family:Arial,sans-serif}
.georgia{font-family:Georgia,serif}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize {text-transform:capitalize}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}
.align-justify{text-align:justify}
.bold{font-weight:bold}
.italic{font-style:italic}
.left{float:left}
.right{float:right}
img.center{display:block;margin:0 auto}
html {overflow-y:scroll;overflow:-moz-scrollbars-vertical}


div#wrapper {
	position: relative;
	margin: 0 auto;
	width: 780px;
	background: transparent url(../images/logo_lola.png) center -62px no-repeat;
}

div#wrapper img#badge20ans {
	position: absolute;
	top: 60px;
	right: 0;
}

/* -------------------------------------------------- HEADER */
div#header 					{ height: 280px; }

div#header a 				{ display: block; height: 210px; width: 320px; position: relative; top: 47px; margin: 0 auto; text-indent: -9999px; }

/* -------------------------------------------------- CONTAINER */
div#container_top 			{ background: transparent url(../images/container_top.png) center top no-repeat; height: 10px; }
div#container_bottom 		{ background: transparent url(../images/container_bottom.png) center bottom no-repeat; height: 10px; }
div#container 				{ background: transparent url(../images/container_bg.png) center top repeat-y; padding: 0 5px; }

/* -------------------------------------------------- TABS */
.ui-tabs 														{ zoom: 1; }

.ui-tabs .ui-tabs-nav 											{ list-style: none; position: relative; }

.ui-tabs .ui-tabs-nav li 										{ position: relative; }

.ui-tabs .ui-tabs-nav li a 										{ }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected 						{ }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a 					{ cursor: text; }

.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

.ui-tabs .ui-tabs-panel 										{ display: block; }

.ui-tabs .ui-tabs-hide 											{ display: none !important; }

/* -------------------------------------------------- JQZOOM */
div.jqZoomTitle{z-index:5000;text-align:center;font-size:11px;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top:0px;left:0px;width:100%;color:#FFF;background:#999;}
.jqZoomPup{overflow:hidden;background-color:#FFF;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity = 60);z-index:10;border-color:#c4c4c4;border-style:solid;cursor:crosshair;}
.jqZoomPup img{border:0px;}
.preload{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity = 80);color:#333;font-size:12px;font-family:Tahoma;text-decoration:none;border:1px solid #CCC;background-color:white;padding:8px;text-align:center;background-image:url(../images/zoomloader.gif);background-repeat:no-repeat;background-position:43px 30px;width:90px;* width:100px;height:43px;*height:55px;z-index:10;position:absolute;top:3px;left:3px;}
.jqZoomWindow{border:1px solid #999;background-color:#FFF;}

/* -------------------------------------------------- MENU */
div#menu 							{ height: 85px; }

ul.mainmenu							{ display: block; width: 770px; height: 60px; }

ul.mainmenu li 						{ display: block; float: left; height: 60px; }

ul.mainmenu li a 					{ display: block; height: 60px; text-indent: -9999px; cursor: pointer !important; }
ul.mainmenu li a.actualites 		{ width: 121px; background: transparent url(../images/menu.jpg) 0 top no-repeat; }
ul.mainmenu li a.le_couvent 		{ width: 118px; background: transparent url(../images/menu.jpg) -121px top no-repeat; }
ul.mainmenu li a.les_soeurs 		{ width: 116px; background: transparent url(../images/menu.jpg) -239px top no-repeat; }
ul.mainmenu li a.les_actions 		{ width: 125px; background: transparent url(../images/menu.jpg) -355px top no-repeat; }
ul.mainmenu li a.on_est_belles 		{ width: 152px; background: transparent url(../images/menu.jpg) -480px top no-repeat; }
ul.mainmenu li a.le_sac_a_main		{ width: 138px; background: transparent url(../images/menu.jpg) -632px top no-repeat; }

ul.mainmenu li a.actualites:hover 		{ background: transparent url(../images/menu.jpg) 0 -60px; }
ul.mainmenu li a.le_couvent:hover 		{ background: transparent url(../images/menu.jpg) -121px -60px; }
ul.mainmenu li a.les_soeurs:hover 		{ background: transparent url(../images/menu.jpg) -239px -60px; }
ul.mainmenu li a.les_actions:hover 		{ background: transparent url(../images/menu.jpg) -355px -60px; }
ul.mainmenu li a.on_est_belles:hover 	{ background: transparent url(../images/menu.jpg) -480px -60px; }
ul.mainmenu li a.le_sac_a_main:hover	{ background: transparent url(../images/menu.jpg) -632px -60px; }
                                          
ul.mainmenu li a.actualites.active 		{ background: transparent url(../images/menu.jpg) 0 -120px; }
ul.mainmenu li a.le_couvent.active 		{ background: transparent url(../images/menu.jpg) -121px -120px; }
ul.mainmenu li a.les_soeurs.active 		{ background: transparent url(../images/menu.jpg) -239px -120px; }
ul.mainmenu li a.les_actions.active 	{ background: transparent url(../images/menu.jpg) -355px -120px; }
ul.mainmenu li a.on_est_belles.active 	{ background: transparent url(../images/menu.jpg) -480px -120px; }
ul.mainmenu li a.le_sac_a_main.active	{ background: transparent url(../images/menu.jpg) -632px -120px; }

/* -------------------------------------------------- SUBMENU */
div.submenu 						{ height: 25px; line-height: 25px; text-align: center}

div.submenu a 						{ padding: 4px 10px 5px; color: #222; text-decoration: none; font: normal normal bold 12px/25px "Trebuchet MS", sans-serif; text-transform: uppercase; }

div.submenu a:hover,
div.submenu a.active 				{ color: #fff; }


div#actualites 						{ background: #fa5893; }
div#le_couvent 						{ background: #5974ff; }
div#les_soeurs 						{ background: #7ebd00; }
div#les_actions 					{ background: #fa7b2c; }
div#on_est_belles 					{ background: #c982c4; }
div#le_sac_a_main 					{ background: #44c2d9; }

/* -------------------------------------------------- CONTENT */
div#content 						{ background: #fff; padding: 25px 35px; font: normal normal normal 13px/20px Georgia, serif; color: #444; }

/* --- */
div#content h2 {
    	font: normal normal bold 32px/32px Helvetica, sans-serif;
    	text-transform: uppercase;
    	letter-spacing: -2px;
    	text-shadow: 1px 1px 2px #828386;
		-moz-text-shadow: 1px 1px 2px #828386;
    }
    
    div#content h3 {
    	margin: 1.5em 0 0.2em;
    	font: normal normal bold 18px/24px Helvetica, sans-serif;
    	text-transform: uppercase;
    	letter-spacing: -1px;
    	color: #777;
    }
    
    div#content p.subtitle {
    	margin-bottom: 2em;
    	font-style: italic;
    	padding-left: 2px;
    	color: #555;
    }
    
    div#content h2.actualites, div#content h3.actualites { color: #fa5893; }
    div#content h2.le_couvent, div#content h3.le_couvent { color: #5974ff; }
    div#content h2.les_soeurs, div#content h3.les_soeurs { color: #7ebd00; }
    div#content h2.les_actions, div#content h3.les_actions { color: #fa7b2c; }
    div#content h2.on_est_belles, div#content h3.on_est_belles { color: #c982c5; }
    div#content h2.le_sac_a_main, div#content h3.le_sac_a_main { color: #44c2d9; }

    div#content p {
    	margin: 0 0 1em 0;
    }
    
    div#content img.left {
    	margin: 0 20px 0 0;
    }
    
    div#content img.right {
    	margin: 0 0 0 20px;
    }
    
    div#content a.btn {
    	float: left;
    	display: block;
    	height: 34px;
    	line-height: 34px;
    	padding: 0 0 0 20px;
    	background: transparent url(../images/btn_left.jpg) left top no-repeat;
    	text-decoration: none;
    	text-transform: uppercase;
    	font-size: 10px;
    	font-family: Helvetica, sans-serif;
    	color: #666;
    }
    
    div#content a.btn:hover {
    	color: #000
    }
    
    div#content a.btn span {
    	display: block;
    	height: 34px;
    	line-height: 34px;
    	padding: 0 20px 0 0;
    	background: transparent url(../images/btn_right.jpg) right top no-repeat;
    }
    
    div#content ul {
    	list-style: circle;
    	list-style-position: inside;
    	margin: 0 0 1em 0;
    }
    
    div#content ul li {
    	padding-left: 1em;
    }
    
    div#content dl.whoswho {
    	width: 450px;
    	float: right;
    }
    
    	div#content dt {
    		font-weight: bold;
    		border-bottom: 1px solid #ddd;
    		padding-bottom: 1px;
    		margin-bottom: 1px;
    	}
    	
    	div#content dd {
    		margin: 0 0 2em 0;
    	}
    
    /* */
    div#content div.fiche {
    	width: 700px;
    	height: 155px;
    	overflow: hidden;
    	position: relative;
    }
    	div.thumb {
    		display: block;
    		width: 250px;
    		height: 155px;
    		float: left;
			margin: 0 20px 0 0;
    	}
    		div.thumb img.shadow {
    			display: none;
    		}
    	
    		div.thumb img{
    			position: absolute;
    			top: 10px;
    			left: 10px;
    			z-index: 2;
    		}
    		
    		div.thumb img.shadow{
    			position: absolute;
    			top: 0;
    			left: 0;
    			z-index: 1;
    		}
    	
    	div.legends h4 {
    		margin: 24px 0 4px 0;
    		padding: 0;
    		text-transform: uppercase;
    		letter-spacing: -1px;
    		font: normal normal bold 20px/20px Helvetica, sans-serif;
			text-shadow: 1px 1px 2px #828386;
			-moz-text-shadow: 1px 1px 2px #828386;
    	}
    	
    	div.legends h5 {
    		margin: 0 0 11px 0;
    		padding: 0;
    		color: #444;
    		text-transform: none;
    		letter-spacing: 0;
    		font: italic normal normal 11px/16px Georgia, serif;
    	}

		div.legends a {
			margin: 0 10px 0 0;
		}
    
    	/*div#content div.fiche img {
    		float: left;
    		margin: 0 20px 0 0;
    	}
    	.shadow {display:none}
    
    	div#content div.fiche a{
    		position: absolute;
    		top:10px;
    		left:20px;
    	}
    
    	/*div#content div.fiche a:hover {
    		background: transparent url(../images/check.png) bottom right no-repeat;
    	}*/
    
    	/*div#content div.fiche h2.legend {
    		margin: 20px 0 5px 0;
    		color: #444;
    		text-transform: uppercase;
    		letter-spacing: -1px;
    		font: normal normal bold 22px/24px Helvetica, sans-serif;
    	}
    	
    	div#content div.fiche h2 {
    		color: #444;
    		text-transform: none;
    		letter-spacing: 0;
    		font: italic normal normal 12px/18px Georgia, serif;
    	}*/
    	
    div#content div.blocimages {
    	float: left;
    	width: 230px;
    }
    
    	div#content div.blocimages img {
    		margin: 0 0 20px 0;
    		border: 1px solid #666;
    	}
    	
    div#content table.bilan {
    	background: #ececf6;
    	font-family: Helvetica, sans-serif;
    	width: 100%;
    	margin: 0 0 20px 0;
    }
    
    	div#content table.bilan th {
    		background: #fff;
    		color: #203399;
    		font-weight: bold;
    		text-align: left;
    		font-family: Georgia, serif;
    	}
    	
    	div#content table.bilan th,
    	div#content table.bilan td {
    		border-bottom: 1px solid #fff;
    		height: 36px;
    		vertical-align: middle;
    		padding: 0 10px;
    	}
    	
    	div#content table.bilan td {
    		color: #669;
    	}
    	
    	div#content p.caption {
    		margin: 20px 0 0 0;
    		padding: 0 0 0 10px;
    		font-size: 10px;
    		line-height: 16px;
    		font-style: italic;
    		color: #777;
    	}

fieldset#contacts{width:700px;margin-top:20px;padding:10px 0;background:#fafafa;border:1px solid #ddd; background: #fff url(../images/table_bg.gif) left top repeat-x;}
legend{padding:0 3px;margin-left:20px;text-transform:uppercase;font-weight:bold;}
input[type="text"],textarea{border:1px solid #aaa;padding:2px 3px;width:100%;}
td{vertical-align:middle;padding:0 10px;}
td.notes{font-size:10px;font-style:italic;}

div#footer {
    
}