/*
#343434
|color02|
#868686
#002a96
|color05|
*/
@import url(menu.css);

#breadcrumb, img, #formReservW fieldset, .bckgWhite, fieldset.csc-mailform, #formReservW .notification, #formReservW .notification p
{
	behavior: url(fileadmin/templates/css/iepngfix.htc);
}

html, body
{
	margin:0; padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c3c3c;
	background:#F6F6F6 url(../images/background-tranche-bleu.jpg) repeat-y 50% 0; 
}

body
{ 
	position:relative; 
	background:url(../images/background-bleu.jpg) no-repeat 50% 0;
	min-height:100%;
}

html
{
	background-color:#F6F6F6;	
}

	h1, h2, h3, h4, h5, h6
	{
		margin:0;
		padding:4px 0;
	}
	h1
	{
		color:#4981ac;
		font-size:20px;
		margin:0; line-height:20px;
		padding-top:0;
		padding-bottom:6px;
		margin-bottom:8px;
		padding-left:0;
	}

	h2
	{
		color:#666;
		font-size:18px;
		line-height:17px;
		margin:0; 
		padding-top:0;
		padding-bottom:10px;
		padding-left:0px;
		font-weight:normal;
	}
	h3
	{
		color:#4981ac;
		text-transform:none;
		font-size:16px;
		margin:0; line-height:14px;
		padding-top:0;
		padding-bottom:10px;
	}
	h4
	{
		color:#343434;
		text-transform:none;
		font-size:14px;
		margin:0; line-height:14px;
		padding-top:0;
		padding-bottom:10px;
	}

	p
	{
		margin:0;
		padding:3px 0 10px 0;
	}
		#content p
		{
			margin-right:15px;
		}
	a
	{
		color:#002a96;
		text-decoration:underline;
	}
	a:hover
	{
		color:#e65b24;
		text-decoration:none;
	}
	img, a img
	{
		border:none;
	}
	.clear
	{
		clear:both;
	}
	ul
	{
	}
	li
	{
		list-style:none;
	}
	hr 
	{
		border:none;
		border-top:1px solid #C6D1DE;
		border-bottom:1px solid #ffffff;
	}
	embed, object{ outline:none; }
/*
STYLES DU CONTENU
*/

#content h1
{

}

#content h2
{

}

#content h3
{

}

#content h4
{

}

#content h5
{
	font-size:12px;
}

#content h6
{
	font-size:12px;
}

#content p, #rightContent p
{
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

#content ul, #rightContent ul
{
	margin-top:0;
	list-style-type:disc;
}

	#content ul li, #rightContent ul li
	{
		font-size:12px;
		line-height:18px;
		padding-left:12px;
		list-style-type:disc;
	}

		#content ul li ul, #rightContent ul li ul
		{
			margin:6px 0;
		}
		
			#content ul li ul li, #rightContent ul li ul li
			{
				list-style-type:circle;
			}

#content ol
{
	
}

	#content ol li, #rightContent ol li
	{
		font-size:12px;
		line-height:18px;
		padding-left:12px;
		list-style-type:decimal;
	}

/*

STRUCTURE

*/
#container
{
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-bottom:66px;
	min-height:925px;
	padding:0 20px;
	position:relative;
}
	#deco
	{
		position:absolute;
		left:0;
		bottom:0;
		margin-left:-100px;
		width:1200px;
		background:url(../images/main-footer-bleu.png) no-repeat 50% bottom;
		height:458px;
		overflow:hidden;
		z-index:0;
	}
	#headerW
	{	
		height:228px;
		float:left;
		width:100%;
	}
	
		#header
		{
			height:185px;
			float:left;
		}
		
			#logo
			{
				float:left;
				width:280px;
			}
			
				#logo a
				{
					display:block;
					height:185px;
					outline-color:-moz-use-text-color;
					outline-style:none;
					outline-width:medium;
					text-indent:-9999px;
					width:280px;
				}
			
			#headerFlash
			{
				float:right;
				height:185px;
				width:680px;
				margin-top:1px;
			}
	
		#menu
		{
			background:none; 
			float:left;
			width:100%;
			position:relative;
			_margin-top:0px;
			/*margin-left:20px;*/
			padding:0px;
			height:43px;
			text-align:center;
			z-index:800;
			/z-index:800;
		}

	#main
	{
		margin:0 10px 12px 4px;
		_margin:0 0 12px;
		float:left;
		width:100%;
		margin-top:16px;
		position:relative;
		z-index:1;
		padding-bottom:42px;
	}

		#ts1, #ts2, #content, #mainHeader, #right, #rightContent
		{
			float:left;
			width:100%;
		}
		
		#mainHeader 
		{
			
		}
		
			#breadcrumb
			{
				float:left;
				padding:12px 9px;
				width:942px;
				margin:0 0 20px 0;
				background:url(../images/breadcrumb-bleu.png);
			}
			
				#breadcrumb a
				{
					color:#2f718c;
					text-decoration:none;
					border-bottom:1px solid;
				}
				
				#breadcrumb a:hover
				{
					border-bottom:none;	
				}
			
			#titre-page
			{
				float:left;
				width:100%;
			}
			
				#titre-page h1
				{
					color:#56b8dd;
					font-size:32px;
					font-weight:normal;
					text-transform:uppercase;
					margin:0;
					/margin:12px 0 0 0;
				}
				
				#titre-page h3
				{
					color:#626764;
					font-size:12px;
					font-weight:bold;
					text-transform:uppercase;
					margin:0;
					padding-left:2px;
				}
				
				#titre-page h2.titre
				{	
					
				}
				
		#ts1 
		{
			
		}
		
		#content
		{
			width:62%;
		}
		
		#right
		{	
			width:36%;
			_width:322px;
			margin-left:18px;
		}
		
		#ts2
		{
			
		}

#footer
{
	padding-bottom:12px;
	background:none;
	width:100%;
	text-align:center;
	float:left;
	background-color:#000;
}
	#footerW
	{
		padding-top:12px;
		padding-bottom:10px;
		background:none;
		width:960px;
		margin:0 auto;
		background:#000;
	}

		#footerW p
		{
			color:#D5F0F5;
			float:left;
			font-size:12px;
			font-weight:bold;
			margin:13px 36px 0;
			padding:0;
			text-align:center;
			width:33%;
		}
		
		#footerW h2
		{
			color:#777779;
			float:right;
			font-size:18px;
			font-weight:normal;
			line-height:17px;
			margin:0 24px 0 0;
			padding-bottom:10px;
			padding-left:0;
			padding-top:0;
			width:33%;	
		}
		
		#footerW h2 a
		{
			display:block;
			background:url(../images/fmc.png) no-repeat 50% 0;
			text-indent:-9999px;
			height:27px;
			margin-top:6px;
			outline:none;
		}

	
		#footerW ul 
		{
			width:auto;
			padding:0;
		}
			
			#footerW ul li 
			{
				list-style:none;
				display:inline;
				margin:0 3px;
				color:#d5f0f5;
				font-weight:bold;
			}
			
				#footerW ul li a
				{
					color:#d5f0f5;
					font-weight:bold;
					text-decoration:none;
				}
				
				#footerW ul li a:hover
				{
					border-bottom:1px solid #fff;
				}



/*
Styles du contenu / content
*/	

.bckgWhite
{
	border:1px solid #fff;
	background:url(../images/background-white.png);
	padding:12px;
	width:228px;
	float:left;
	margin:12px auto;
}

/*
	PLAN DU SITE
*/

.tx-sitemap-pi1 ul a
{
	text-decoration:none;
	color:#333;
}

.tx-sitemap-pi1 ul li
{
	margin:4px 0;
}

.tx-sitemap-pi1 ul li a 
{
	font-weight:bold;
}

.tx-sitemap-pi1 ul li ul li
{
	margin:2px 0;
}

.tx-sitemap-pi1 ul li ul li a
{
	color:#666;
}	

/*
	CONTACT
*/

.contact
{
margin-bottom:12px;
background:url(../images/background-white.png);
border:1px solid #bbb;
padding:12px;
}

#content .contact ul li ul 
{
	margin-top:0px;
	margin-left:0px;
	padding-left:12px;
	padding-top:4px;
	margin-bottom:8px;
}

	#content .contact ul li
	{
		margin-bottom:8px;
	}

	#content .contact ul li ul li
	{
		list-style-type:none;
		margin-bottom:0;
		
	}
	
fieldset.csc-mailform
{
	border:1px solid #fff;
	background:url(../images/background-white.png);
	padding:14px;
}
	
.csc-mailform-field
{
	margin-bottom:6px;
}
	
.csc-mailform-field label
{
	float:left;
	width:150px;
	font-weight:bold;
}

.csc-mailform-submit
{
	margin-left:150px;
}

.encadre
{
	margin-bottom:12px;
	background-color:#E5E5E7;
	border:1px solid #bbb;
	padding:12px;
	text-align:center;
}


/*
	POLAROIDS
*/

.csc-textpic-imagewrap img
{
	padding:9px 9px 56px 9px;
	float:left;
	margin-right:8px;
	background:url(../images/cadre-grand.png) no-repeat 50%;
}

/*
	SIDEBAR
*/
#liens-accueil-sb a
{
	display:block;
	height:332px;
	text-indent:-9999px;
	float:left;
	margin:0 auto;
	text-align:center;
	outline:none;
}

	#liens-accueil-sb #entrer-familles
	{
		width:297px;
		background:url(../images/liens-familles-sb.png) no-repeat center bottom;
	}
	
	#liens-accueil-sb #entrer-classes
	{
		width:282px;
		background:url(../images/liens-classes-sb.png) no-repeat center bottom;
	}


/*
	BIDOUILLES MENU
*/

#menu ul li.home:hover 
{
	
}

#menu ul li.home a 
{
	background:url(../images/home.png) no-repeat 50% 25%;
	behavior: url(fileadmin/templates/css/iepngfix.htc);
	width:24px;
	text-indent:-9999px;
	padding:0;
}

	#menu ul li.home a:hover 
	{
		background:url(../images/home.png) no-repeat 50% 25%;
	}
	
/*
	ACTUALITES (PAGE)
*/

#news-list-container
{
	margin-top:24px;	
}

	#news-list-container .news-list-item
	{
		background:url(../images/background-white.png);
		padding:12px 12px 12px 40px;
		margin-bottom:18px;
		position:relative;
		float:left;
	}
	
	#news-list-container h2
	{
		color:#337a9e;	
		padding:4px 0 0 0;
		margin-bottom:10px;
	}
	
	#news-list-container img
	{
		background:url(../images/cadre-petit.png) no-repeat;
		padding:5px 5px 34px 4px;
		margin-right:12px;	
	}
	
	#news-list-container .date
	{
		width:42px;
		height:36px;
		position:absolute;
		top:13px;
		left:-12px;
		font-size:10px;
		text-align:center;
		background:#46b7e9;
		line-height:10px;
	}
	
	#news-list-container .date .dm
	{
		padding-top:8px;
		color:#fff;
		display:block;
		font-size:22px;
		margin-bottom:4px;
	}
	
	#news-list-container .year
	{
		color:#fff;
		text-transform:uppercase;
	}
	
	#news-list-container .image-list
	{
		float:left;	
	}
	
	#news-list-container .texte-list
	{
		color:#3c3c3c;
	}
	
	#news-list-container .more-list a
	{
		display:block;
		width:102px;
		height:35px;
		text-indent:-9999px;
		background:url(../images/lirelasuite.png) no-repeat bottom;
		float:right;
		outline:none;
	}
	
		#news-list-container .more-list a:hover
		{
			background:url(../images/lirelasuite.png) no-repeat top;
		}
		
	#news-single-item
	{
		/*background:url(../images/background-white.png);*/
		margin-top:24px;
		padding:14px;
		float:left;
		color:#3c3c3c;
	}
		
		#news-single-item h1
		{
			margin-bottom:0;	
		}
		
		#news-single-item p.date
		{
			margin-top:-8px;
			font-size:10px;
		}
	
		#news-single-item img
		{
			padding:9px 9px 56px 9px;
			float:left;
			margin-right:14px;
			background:url(../images/cadre-grand.png) no-repeat 50%;
		}
	
		#news-single-item .news-single-backlink a
		{
			display:block;
			width:102px;
			height:35px;
			text-indent:-9999px;
			background:url(../images/retour.png) no-repeat top;
			float:right;
			outline:none;
		}
		
			#news-single-item .news-single-backlink a:hover
			{
				background:url(../images/retour.png) no-repeat bottom;
			}
			
/*
	SIFR
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2.titre {
	visibility: hidden;
	letter-spacing: -9px;
	/*font-size: 16px;*/
	font-size: 24px;
}

/*
	GALERIES
*/

#batipaume-galerie-moyen, #batipaume-galerie-moyen-anime
{
	width:100%;
	float:left;
	margin-top:24px;
}

	#batipaume-galerie-moyen-anime
	{
		height:186px;
		overflow:hidden;
	}

	#batipaume-galerie-moyen img, #batipaume-galerie-moyen-anime img
	{
		background:url(../images/cadre-moyen.png) no-repeat;
		padding:6px 6px 60px 6px;
		margin-right:42px;
		margin-bottom:12px;
		outline:none;	
		float:left;
	}
	
#batipaume-galerie-petit, #batipaume-galerie-petit-anime
{
	width:100%;
	float:left;
	margin-top:24px;
}
	
	#batipaume-galerie-petit-anime
	{
		height:120px;
		overflow:hidden;
	}

	#batipaume-galerie-petit img, #batipaume-galerie-petit-anime img
	{
		background:url(../images/cadre-petit.png) no-repeat;
		padding:5px 5px 34px 4px;
		margin-right:12px;
		margin-bottom:12px;
		outline:none;	
		float:left;
	}
	
#batipaume-galerie-grand, #batipaume-galerie-grand-anime
{
	width:100%;
	float:left;
	margin-top:24px;
}

	#batipaume-galerie-grand-anime
	{
		height:232px;
		overflow:hidden;
	}

	#batipaume-galerie-grand img, #batipaume-galerie-grand-anime img
	{
		outline:none;	
		padding:9px 9px 56px 9px;
		float:left;
		margin-right:8px;
		margin-bottom:12px;
		background:url(../images/cadre-grand.png) no-repeat 50%;
	}
	
/*
	FORMULAIRE DE RESERVATION
*/

#recapitulatif
{
	border:1px solid #fff;
	background:url(../images/background-white.png);
	padding:12px;
	float:left;
}

#formReservW
{
	float:left;
	width:100%;
	padding:18px 0;
}

	#formReservW fieldset
	{
		border:1px solid #fff;
		margin:0 11px;
		background:url(../images/background-white.png);
		width:29%;
		float:left;
	}
	
	#formReservW .notification
	{
		background-image:url(../images/mess_err.png);
		border:1px solid #F58787;
		float:left;
		margin-bottom:22px;
		margin-left:10px;
		margin-top:-14px;
		padding:10px;
	}
		
		#formReservW .notification p
		{
			background-image:url(../images/erreur.png);
			background-position:left center;
			background-repeat:no-repeat;
			display:block;
			margin-bottom:2px;
			padding:6px 32px;
		}
	
		#formReservW fieldset legend
		{
			font-weight:bold;
			font-size:14px;
			color:#444;
		}
		
		#formReservW label
		{
			margin-bottom:1px;
			float:left;
			width:100%;
			
		}
		
			#formReservW label.checkL
			{
				clear:both;
				width:92%;
			}
			
			#formReservW .check
			{
				width:3%;
			}
		
		#formReservW p
		{
			margin-bottom:-6px;
		}
		
		#formReservW input.text, #formReservW textarea
		{
			border:1px solid #B5E0F3;
			font-size:12px;
			padding:3px;
		}
		
		.fulltextarea
		{
			width:97%;	
		}
		
		#formReservW .date
		{
			width:56%;	
		}
		
		#formReservW .datesP
		{
			float:left;
			padding-bottom:6px;
		}
		
			#formReservW .datesP p
			{
				width:45%;
				float:left;
			}
			
			#objectif
			{
				width:97%;	
			}
			
			#nbpers
			{
				width:20%	
			}
			
			.float-right
			{
				float:right;	
			}
			
#footerW #lien-footer
{
	width:10%;
}

	#footerW #lien-footer a
	{
		color:#E8EEC8;
		text-decoration:none;
	}
	
	#footerW #lien-footer a:hover
	{
		text-decoration:underline;
	}