/**
 * @author Sophie Martin
 * @lastmodified September, 10 - 2008
 * @media screen
 * @site http://www.quiboweb.com/
 */

/**
 * TODO LISTE
 *
 */

 /**
 * ARCHITECTURE
 * BODY
 	-all_body
	 	-header
	 		-adresse
	 	-menu
	 	-content
	 		-promo
	 		-text
	 		-cadre
	 			-subcadre
	 		-bas
	 			-col1
	 			-col2
	 			-col3
	 	-footer
 */

*{
margin:0;
padding:0;
}

body{
text-align:center;
font-family:"Trebuchet MS", verdana, arial;
font-size:15px;
background:#e2ddcb url(../img/back.jpg) repeat-x left top;
}
.acces_rapide{
display:none;
}

.logo_print{
display:none;
}

#all_body{
margin:auto;
width:967px;
text-align:left;
}
a{
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
p{
margin-top:12px;
line-height:1.2em;
}
ul{
margin-top:14px;
}
h1{
font-size:1.8em;
margin-bottom:0;
padding-bottom:0;
text-transform:uppercase;	
}

h2{
font-size:1.5em;
margin-bottom:0;
padding-bottom:0;
font-family:Georgia, "Times New Roman", Times, serif;
color: #49432a;	
font-weight: normal;
}

h2.ecole{
font-size:1.5em;
margin-bottom:25px;
padding-bottom:0;
font-family:Georgia, "Times New Roman", Times, serif;
color: #49432a;	
font-weight: normal;
}

h2 span.soustitre{
font-size:0.7em;
margin-bottom:0;
padding-bottom:0;
font-family:Georgia, "Times New Roman", Times, serif;
color: #49432a;	
font-weight: normal;
}

span.bold{
font-weight:bold;
background-color:#cacfce;
}
/*******************************************/
/* =header */
/*******************************************/
	#all_body #header{
	background:transparent url(../img/top.jpg) no-repeat left top;
	height:152px;
	width:967px;
	}
		#all_body #header a.retourAccueil{
		display:block;
		float:left;
		height:152px;
		width:280px;
		margin-left:9px;
		}
		#all_body #header #adresse{
		color:#D7638A;
		float:left;
		font-family: Georgia, "Times New Roman", Times, serif;
		margin-left:26px;
		margin-top:54px;
		font-size:0.9em;
		}
			#all_body #header #adresse a{
			color:#d7638a;
			}
/*******************************************/
/* =menu */
/*******************************************/
	#all_body #menu{
	background:transparent url(../img/menu.jpg) no-repeat left top;
	height:42px;
	width:967px;
	}
		#all_body #menu ul{
		width:967px;
		margin-top:0px;
		padding-left:9px;
		}
			#all_body #menu ul li{
			display:block;
			list-style-type:none;
			float:left;
			height:39px;
			}
				#all_body #menu ul li a{
				display:block;
				float:left;
				height:39px;
				margin-right:1px;
				}
					#all_body #menu ul li a.nav_accueil{
					width:88px;
					background:transparent url(../img/accueuil_off.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_accueil:hover,
					#all_body #menu ul li.current a.nav_accueil{
					background:transparent url(../img/accueuil_on.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_ecole{
					width:77px;
					background:transparent url(../img/ecole_off.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_ecole:hover,
					#all_body #menu ul li.current a.nav_ecole{
					background:transparent url(../img/ecole_on.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_danse{
					width:135px;
					background:transparent url(../img/danse_off.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_danse:hover,
					#all_body #menu ul li.current a.nav_danse{
					background:transparent url(../img/danse_on.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_event{
					width:109px;
					background:transparent url(../img/event_off.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_event:hover,
					#all_body #menu ul li.current a.nav_event{
					background:transparent url(../img/event_on.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_souper{
					width:140px;
					background:transparent url(../img/souper_off.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_souper:hover,
					#all_body #menu ul li.current a.nav_souper{
					background:transparent url(../img/souper_on.jpg) no-repeat left top;
					}
					
					#all_body #menu ul li a.nav_reception{
					width:147px;
					background:transparent url(../img/reception_off.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_reception:hover,
					#all_body #menu ul li.current a.nav_reception{
					background:transparent url(../img/reception_on.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_photo{
					width:151px;
					background:transparent url(../img/photo_off.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_photo:hover,
					#all_body #menu ul li.current a.nav_photo{
					background:transparent url(../img/photo_on.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_contact{
					width:96px;
					background:transparent url(../img/contact_off.jpg) no-repeat left top;
					}
					#all_body #menu ul li a.nav_contact:hover,
					#all_body #menu ul li.current a.nav_contact{
					background:transparent url(../img/contact_on.jpg) no-repeat left top;
					}
					#all_body #menu ul li a span{
					display:none;
					}
/*******************************************/
/* =content */
/*******************************************/		
#content{
font-size:0.75em;	
}
/*******************************************/
/* =promo */
/*******************************************/			
div#promo {
width: 397px;
float:left;
background:transparent url(../img/promo.jpg) repeat-y left top;
}
div#blocpromo {
background:transparent url(../img/promo_bottom.jpg) no-repeat left bottom;
}
div#contentpromo {
background:transparent url(../img/promo_top.jpg) no-repeat left top;
height: 221px;
padding: 20px 39px 21px 24px;
}

div#contentpromo img {
border:none;
}

	html>body #contentpromo {
	height: auto;
	min-height: 221px;
	}
	div#contentpromo ul{
	text-align:right;
	position:absolute;
	margin-top:0px;
	width:335px;
	}
		div#contentpromo ul li{
		list-style-type:none;
		display:block;
		float:right;
		margin-left:4px;
		width:22px;
		}
			div#contentpromo ul li a{
			display:block;
			float:right;
			height:18px;
			width:22px;
			text-decoration:none;
			padding-top:1px;
			color:#757570;
			text-align:center;
			background:transparent url(../img/num_off.jpg) no-repeat left top;
			}
				div#contentpromo ul li a:hover,
				div#contentpromo ul li.current a{
				background:transparent url(../img/num_on.jpg) no-repeat left top;
				}

/*******************************************/
/* =text */
/*******************************************/			
div#text {
float:left;
width: 569px;
margin-left:1px;
text-align:justify;
color:#214174;
background:transparent url(../img/text.jpg) repeat-y left top;
}
div#bloctext {
background:transparent url(../img/text_bottom.jpg) no-repeat left bottom;
}
div#contenttext {
background:transparent url(../img/text_top.jpg) no-repeat left top;
height: 225px;
padding: 29px 38px  21px 27px;
}
	html>body #contenttext {
	height: auto;
	min-height: 225px;
	}
	div#contenttext p.signature{
	padding-right:160px;
	background:transparent url(../img/signature.jpg) no-repeat right top;
	}
	div#contenttext p.sub{
	float:left;
	font-weight:bold;
	width:214px;
	}
/*******************************************/
/* =cadre */
/*******************************************/			
div#cadre {
clear:both;
width: 967px;
text-align:justify;
color:#214174;
background:transparent url(../img/bloc.jpg) repeat-y left top;
}
div#bloccadre {
background:transparent url(../img/bloc_bottom.jpg) no-repeat left bottom;
}
div#contentcadre {
background:transparent url(../img/bloc_top.jpg) no-repeat left top;
height: 222px;
padding: 29px 38px  21px 34px;
}
	#reception div#contentcadre,
	#photos div#contentcadre{
	padding: 29px 33px  21px 34px;
	}
	html>body #contentcadre {
	height: auto;
	min-height: 222px;
	}
	div#contentcadre p{
	width:600px;
	float:left;
	}
	#event div#contentcadre p,
	#souper div#contentcadre p,
	#reception div#contentcadre p,
	#photos div#contentcadre p,
	#admin div#contentcadre p{
	float:none;
	}
	#admin div#contentcadre p{
	width:100%;
	}
		div.subcadre {
		width: 277px;
		float:right;
		background-color:#e8e5d5;
		margin-top:-14px;
		color:#656049;
		}
		#event div.subcadre,
		#souper div.subcadre {
		float:left;
		overflow:hidden;
		margin-right:30px;
		color:#1b3660;
		margin-bottom:30px;
		margin-top:14px;
		}
		#event div.der,
		#souper div.der{
		margin-right:0px;
		}
		div.subbloccadre {
		background: url(../img/sub_bloc_bottom.jpg) bottom left no-repeat;
		padding-bottom: 5px;
		}
		div.subbloccadreContent {
		background: url(../img/sub_bloc_top.jpg) top left no-repeat;
		text-align:center;
		height: 160px;
		padding-top:23px;
		width:277px;
		padding-bottom:7px;
		}
		#event div.subbloccadreContent,
		#souper div.subbloccadreContent {
		text-align:left;
		padding-top:13px;
		padding-bottom:13px;
		}
			html>body .subbloccadreContent {
			height: auto;
			min-height: 160px;
			}
			div#contentcadre div.subbloccadreContent p{
			width:213px;
			padding-left:32px;
			padding-right:32px;
			}
			#event div#contentcadre div.subbloccadreContent p,
			#souper div#contentcadre div.subbloccadreContent p{
			width:218px;
			}
/*******************************************/
/* =photos */
/*******************************************/
.photos {
float:left;
width:150px;
}
.photos a {
text-decoration:none;
}
.photos span {
background:transparent url(../img/cadre_photo.png) no-repeat scroll 0%;
display:block;
height:99px;
position:absolute;
width:150px;
}
.photos img {
padding:6px 7px;
border:none;
}
/*******************************************/
/* =bas */
/*******************************************/
#bas{
background-color:#d6d3c4;
padding-top:19px;
padding-bottom:19px;
margin-top:3px;
margin-left:9px;
clear:both;
color:#797669;
width:951px;
}
	#bas #cols{
	background:#D6D3C4 url(../img/bas.jpg) repeat-y scroll left top;
	padding:5px 28px;
	text-align:justify;
	width:895px;
	}
		#bas #cols .col1{
		width:264px;
		float:left;
		padding-right:26px;
		}
		#bas #cols .col2{
		float:left;
		padding-left:20px;
		padding-right:20px;
		width:277px;
		}
		#bas #cols .col3{
		float:left;
		width:258px;
		padding-left:30px;
		}
		#bas #cols h2{
		height:15px;
		}
			#bas #cols h2.nextEvent{
			width:140px;
			background:#d6d3c4 url(../img/titre_nextEven.jpg) no-repeat left top;
			}
			#bas #cols h2.nextSession{
			width:129px;
			background:#d6d3c4 url(../img/titre_nextSession.jpg) no-repeat left top;
			}
			#bas #cols h2.knowDanses{
			width:206px;
			background:#d6d3c4 url(../img/titre_knowDanses.jpg) no-repeat  left top;
			}
			#bas #cols h2.cours_groupe{
			width:121px;
			height:18px;
			background:#d6d3c4 url(../img/cours_groupe.jpg) no-repeat  left top;
			}
			#bas #cols h2.cours_prives{
			width:198px;
			height:18px;
			background:#d6d3c4 url(../img/cours_prives.jpg) no-repeat  left top;
			}
			
			#bas #cols h2.cours_autres{
			width:93px;
			height:13px;
			background:#d6d3c4 url(../img/cours_autres.jpg) no-repeat  left top;
			}
			#bas #cols h2.yves{
			width:218px;
			height:49px;
			background:#d6d3c4 url(../img/titre_yves.jpg) no-repeat 70px top;
			}
			#bas #cols h2.vivianne{
			width:279px;
			height:49px;
			background:#d6d3c4 url(../img/titre_vivianne.jpg) no-repeat 70px top;
			}
			#bas #cols h2.nicolas{
			width:206px;
			height:49px;
			background:#d6d3c4 url(../img/titre_nicolas.jpg) no-repeat 70px top;
			}
			#bas #cols h2 img{
			margin-top:-7px;
			}
			
		#bas #cols span.date,
		div.subbloccadre span.date{
		font-weight:bold;
		color:#656049;
		}
		#bas #cols span.titre,
		div.subbloccadre span.titre{
		font-weight:bold;
		color:#214174;
		}
		
		#bas #cols a.horaire{
		display:block;
		text-align:center;
		}
			#bas #cols a.horaire img{
			border:none;
			}
		#bas #cols ul.sub {
		float:left;
		width:100px;
		margin-right:7px;
		}
			#bas #cols ul.sub li{
			list-style-type:none;
			}
				#bas #cols ul.sub li.titre{
				font-weight:bold;
				line-height:1.4em;
				color: #49473f;
				font-style:italic;
				}
		#bas #cols a{
		color:#80012b;
		}
/*******************************************/
/* =footer */
/*******************************************/		
	#footer{
	text-align:center;
	font-size:0.75em;
	margin-bottom:13px;
	margin-top:13px;
	}
		#footer a{
		margin-right:14px;
		color:#716e65;
		}
/*******************************************/
/* =conception */
/*******************************************/					
	#conception{
	color:#9f9c93;
	font-size:0.7em;
	text-align:center;
	margin-bottom:20px;
	}			
		#conception a{
		color:#9f9c93;
		}