/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                             ELEMENTS GENERIQUES (XHTML)                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/


	html, body {
		margin:0; padding:0;
		font-family:Arial, Helvetica, sans-serif;
		line-height:1.4;
	}
	
	body {
		background:url(zims/bg/fond.jpg) repeat;
	}
	
	body, pre, input, select, label, textarea, a, h1,h2,h3,h4,h5,h6, address, div,span,p {
	
	}

	a {
		
	}
	a:hover {  text-decoration:underline; }
	p {
	margin:2px;
	}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                   BLOCS                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
	h1 { 
		font-size:26px;
		color:#EF3E00;
		margin:0 0 10px 0;
	}
	h2 {
		font-size:16px;
		color:#2C97EF;
		margin:0 0 0 0;
	}
	#global {
		width:100%;
		height:100%;
		padding:0;
	}
	#content {
		position:relative;
		top:5px;
		margin:0 auto;
		text-align:center;
		background:url(../images/accueil.jpg) no-repeat;
		width:956px;
		height:569px; z-index:1;
	}
	div#contentscenery {
		position:relative;
		top:5px;
		margin:0 auto;
		text-align:center;
		background:url(../images/contentscenery.png) no-repeat;
		width:956px;
		height:569px; z-index:1;
	}
	div#contenttext {
		position:absolute;
		top:80px;
		left:263px;
		width:654px;
		height:474px;
		text-align:left; z-index:1;
	}
	
	a#logo {
		position:absolute;
		top:5px;
		right:0;
		display:block;
		width:230px;
		height:179px;
		background-image:url(../images/logo.png);
		z-index:2;
	}
	
	#warning {
		background:url(../images/chaussettes.png) no-repeat;
		position:absolute;
		top:190px;
		left:740px;
		margin:0;
		padding:0;
		width:150px;
		height:138px;
	}

	
/************************************************************************************
								Page d'accueil
*************************************************************************************/
	ul#actualites {
		position:absolute;
		top:108px;
		right:45px;
		width:264px;
		height:105px;
		list-style:none;
		padding:0;
		text-align:left;
		font-size:11px;
		line-height:1.2;
		overflow:auto;
		z-index:1;
	}
	ul#actualites li h2 {
		font-size:12px;
		color:yellow;
		font-weight:bold;
	}
	ul#actualites li {
		padding:0 !important;
		margin:0 !important;
	}
	#horaires {
		position:absolute;
		top:250px;
		right:35px;
		width:190px;
		height:85px;
		text-align:left;
		font-size:13px;
		font-weight:bold;
		color:yellow;
		overflow:auto;
		z-index:1;
	}
	div#prenom {
		position:absolute;
		bottom:5px;
		right:45px;
		text-align:center;
		color:#FFFF77;
		font-weight:bold;
		width:260px;
		z-index:1;
	}
	#prenom  p {
	
	}
	#topo {
		position:absolute;
		top:345px;
		right:20px;
		width:283px;
		height:120px;
		text-align:left;
		font-size:13px;
		font-weight:bold;
		color:#FFFF77;
		line-height:normal;
	}


	#ActualitesLink {
		color:yellow;
		font-size:13px;
		font-weight:bold;
		overflow:auto;
		position:absolute;
		left:675px;
		text-align:left;
		top:129px;
		outline:0;
		z-index:1;
	}
		#ActualitesLink img { border:0; }
	
	#ActualitesW {
		height:374px; padding-bottom:10px;
		margin-top:50px;
		overflow:auto;
	}
	
	div.actualite {
		margin:10px 10px;
	}
	div.actualite p {
	
	}
	div.actualite a img { border:1px solid #888; }
	div.actualite a:hover img { border:1px solid #EF3E00; }
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    TITRES                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/










/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                      LIENS                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/




/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                   FORMULAIRES                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

	form {
	position:absolute;
	top:80px;
	left:10px;
	overflow:auto;
	padding:5px 30px 5px 10px;
	}
	fieldset {
		border:0;
		padding:0;
		#width:300px;
		
		
	}
	
	legend { }
	label,input,textarea {
	margin:0px 5px 2px 0;
	}
	label  { 
	display:block; font-size:13px;
	float:left;
	clear:left;
	width:120px;}
	
	input,textarea {
	float:left; font-size:13px;
	clear:right;
	width:160px;
	border:1px solid #2C97EF; 
	padding:1px 2px;}
	
	textarea {
	width:190px;
	}
	
	#form-contact-submit {
	_clear:both;
	margin:10px 0 0 125px;
	width:90px;
	#margin-left:125px;
	}
	
	
	input,textarea,select { }
	input:focus, textarea:focus {  }

	.boutons       { }
	.boutons input { }

	
	#form_news fieldset { }
	#p_erase_photo      { }
	#news_photo         { }
	#news_photo  img    {  }
	
	#form-contact #message { height:100px; }
	
	#partenaires {
		position:absolute; top:300px; left:5px;
		width:390px; 
		height:125px;
	}
	#partenairesThumbs  {
		overflow:auto; position:relative; bottom:3px; height:148px;
		
	}
	#partenairesThumbs a {
		text-decoration:none; color:#EF3E00; font-weight:bold;
		text-align:center;margin:0 10px 0 10px;
		float:left; font-size:13px;
	}
	#partenairesThumbs a:hover {
		
	}
	#partenairesThumbs a img {
		display:block; border:1px solid #5f5f5f;
	}
	#partenairesThumbs a:hover img { border:1px solid #EF3E00; }
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    LISTE                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

ul {
list-style-type:disc;
margin:5px 0 5px 0;
#margin-left:40px;
}

/***************************************************
				MENU GAUCHE
****************************************************/

#menu {
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
	width:260px;
	height:560px;
	z-index:100;
	border:0px;
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    Paragraphes                                                         
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

p.m1 {
	margin-right:210px;
	text-align:justify;
}

p.st1 {
	font-size:18px;
	font-weight:bold;
	color:#0D81DF;
	line-height:1.4;
	margin:5px 0 20px 10px;
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    PAGE TARIF                                                        
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/


div.tarif {
	margin:0 0 0 30px;
	_margin:0 0 0 15px;
}
h2.tarif {
	width:170px;
	float:left;
	clear:left;
	margin:5px 10px 5px 20px;
	padding:0;
}
p.tarif {
	width:140px !important;
	float:left;
	margin:5px 0 5px 0;
}
.nbheure {
width:50px;
float:left;
clear:left;
margin:0;
padding:0;

}

.heuresup {
width:250px;
float:left;
clear:left;
margin-left:110px;
_margin-left:65px;
padding-bottom:5px;

}


.prix {
width:70px;
float:right;
clear:right;
margin:0;
padding:0;
}

#tarif_accompagnant {
float:left;
clear:left;
margin:10px 0 0 25px;
width:300px;
#margin-top:0px;
}
#fournir_pi {
float:left;
clear:left;
margin:0px 0 0 25px;
width:300px;
#margin-top:0px;
}
#lien_tarif {
float:left;
clear:left;
margin:20px 0 0 25px;
color:#EF3E00;
width:500px;
#margin-top:5px;
}
#lien_tarif:hover {
text-decoration:none;
}
#phototarif {
float:right;
margin:15px 0 0 0;


}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    PAGE VIDEO                                                       
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#global #contentscenery #contenttext #clip_20080701_div{
	padding:35px 0 0 80px;
}



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    DIVERS                                                         
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.clear    { margin:0;padding:0;border:0; height:1px; line-height:1px; visibility:hidden;width:100%; float:none; clear:both; }
.noborder { border:0; }

#AnniversairesW {
	font-size:12px;
}
#AnniversairesW p.st1{ margin-bottom:10px; }

#infoanniv{
width:310px;
margin:15px 0 0 30px;
text-align:justify;
}
#infoanniv strong {
color:#0D81DF;
}

#photo_anniv {
position:absolute;
bottom:20px;
right:20px;
}

div.imgbloc {
position:absolute;
bottom:10px;
}
.imgbloc img {
margin:10px 0 0 40px;
}

p#address {
	float:right;
	width:290px;
	margin:60px 0 0 0; #margin:50px 0 0 0;
	text-align:left;
	font-size:12px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#333;
}

#address a {
	display:block; float:right; margin:0 20px 0 0;
	font:bold 12px Arial, Helvetica, sans-serif; color:#EF3E00;
	text-align:center; text-decoration:none;
}
p#address a img { border:1px solid #EF3E00; #margin:0 0 5px 0; width:50px; }

#itinéraire {
	float:right;
	clear:right;
	width:295px;
	margin:0px 15px 10px 0px;
	_margin-bottom:0px;
	font-size:11px;
}

#itinéraire h2 {
	padding:10px 0 0 20px; _padding-left:35px;
}

#itinéraire dl {
	_padding-left:20px;
}

#itinéraire dt {
	margin-top:10px;
	padding-left:20px;
	color:#2C97EF;
	_margin-top:0px;
}

#FreeWifi {
	width:101px; height:97px;
	background:transparent url(zims/bg/acces-wifi-gratuit.png) 0 0 no-repeat;
	text-indent:-9999px; overflow:hidden;
	position:absolute; top:50px ;right:0;
}

#TroishDeJeux {
	width:70px; height:67px;
	background:transparent url(zims/bg/3h-de-jeux.png) 0 0 no-repeat;
	text-indent:-9999px; overflow:hidden;
	position:absolute; top:220px ;right:250px; z-index:10;
}

#CartonInvitationDownloadLink {
	position:absolute; top:225px ;right:20px; z-index:10;
	display:block; height:20px; line-height:20px;
	margin:0; padding:0 0 0 24px;
	background:transparent url(zims/icons/pdf-20.jpg) 0 0 no-repeat;
	font-weight:bold; color:#EF3E00;
}