/* STRUCTURE GENERALE */


html { font-size: 100%; }

body { background-color: #925250;
	font-family: verdana, bitstream vera sans, arial;
	color: #fcecd5;
	font-size: 8pt;
	text-align: center; }

/* Rq text-align pour pb centrage IE5 */


#container, #topbox, #midbox1, #midbox2, #lowbox { width: 934px; background-repeat: no-repeat; }


#container { height: 560px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 3%;
	text-align: left; }


#topbox { height: 90px;
	background-image: url('fond21.jpg'); }


#midbox1 { height: 446px;
	background-image: url('fond30.jpg');
	background-position: fixed;
	overflow: auto; }


#midbox2 { height: 446px;
	background-image: url('fond22.jpg');
	background-position: fixed;
	overflow: auto; }

#lowbox { height: 24px; 
	background-image: url('fond23.jpg'); }

#midbox3 { height: 470px;
	background-color: #cc0000;
	overflow: hidden; }







/* LIENS HYPERTEXTES */


a { text-decoration: none; font-weight: bold; }

a:link { color: #9e4f4f; }

a:visited { color: #9e4f4f; }

a:active { color: #961b0d; }

a:hover { color: #961b0d; }

a img { border: 0; }




/* MENU */


.menu { padding-top: 10px;
	margin-left: 114px;
	font-size: 10pt;
	text-shadow: 0.05em 0.05em 0.1em #111111; }

.menuitem { display: inline; margin-left: 14px; }

.menu a:link { color: #ad7b79; }

.menu a:visited { color: #ad7b79; }

.menu a:active { color: #961b0d; }

.menu a:hover { color: #961b0d; }





/* TITRES */


h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 12pt;
	color: #9e4f4f;
	margin: 6px 0px 8px 0px; }

#articles h1 { margin-top: 14px; }

#cairetxt h1 { margin-top: 24px; }

#agenda h1, #horhautgauche h1, #horhautmilieu h1, #horbasgauche h1, #horhautdroite2 h1, #karavantxt h1, #cairetxt h1, #stagebloc h1, #articles h1
 { color: #310f0d; font-size: 11pt; }

#horhautdroite1 h1, #horbasdroite h1 { color: #fcecd5; font-size: 11pt; }

#stagebloc h1 { margin-top: 0.4em; margin-bottom: 0.3em; font-weight: normal; }
#stagebloc h3 { margin-top: 0.7em; margin-bottom: 0.4em; }


h2 { font-size: 10pt; color: #9e4f4f; margin: 0px 0px 6px 0px; }

#caireteaser h2 { color: #310f0d; }

h3 { font-size: 1.1em; margin-bottom: 0.2em; }

.imgtxt h3 { margin-top: 0em; margin-bottom: 0em; color: #9e4f4f; }


h4 { font-size: 8pt; margin-top: 0px; margin-bottom: 0px; }

#cairetxt h4 { font-size: 8pt; margin-bottom: 2px; }

h5 { font-size: 10px; margin-top: 4px; margin-bottom: 0px; }



/* M EN P */



p { margin-top: 1em;
	margin-bottom: 1em; }


#hometxt { float:left;
	width: 364px;
	margin: 6px 0px 0px 254px; }

   #agenda { width: 278px;
	height: 348px;
	background-color:#f7f7e6;
	border: #310f0d 1px solid;
	color: #310f0d;
	margin: 12px 0px 0px 625px;
	padding: 4px 6px 8px 8px;
	overflow: auto;
	scrollbar-face-color:#f7f7e6;
	scrollbar-shadow-color:#f7f7e6;
	scrollbar-arrow-color:#310f0d;
	scrollbar-track-color:#f7f7e6;
	scrollbar-highlight-color:#f7f7e6;
	scrollbar-darkshadow-color:#310f0d; }

   #formulaire { margin: 12px 0px 0px 627px; }


   #hometeaser1 { clear : both;
	float: right;
	margin-right: 16px;
	width: 284px;
	height: 100px;
	border: #310f0d 1px solid; } 

   #hometeaser2 { clear : both;
	margin-left: 10px;
	width: 284px;
	height: 40px;
	border: #310f0d 1px solid; } 


   #hometeaserkar { width: 300px;
	height: 132px;
	background-image: url('IMG/Karavanbannierept.png');
	background-repeat: no-repeat; } 


#evetxt { float:left;
	width: 624px;
	height: 420px;
	margin: 0px 0px 0px 24px; }

#courstxt { float:left;
	width: 560px;
	height: 420px;
	font-size: 8pt;
	margin: 8px 0px 0px 24px; }


   #teasercoursA { margin-left: 600px;
	width: 304px; }

   #teasercoursB { margin: 12px 0px 0px 600px;
	width: 304px; }


#stagetxt { float:left;
	width: 578px;
	margin: 10px 0px 0px 20px;
	display: inline; }

   #stagebloc { width: 280px;
	border: #310f0d 1px solid;
	margin-top: 14px;
	margin-left: 618px;
	padding: 0px 6px 16px 8px;
	background-color: #f7f7e6;
	color: #310f0d; }

   #borzeebloc { float: left;
	width: 292px;
	border: #310f0d 1px solid;
	color: #310f0d;
	margin: 30px 0px 0px 16px;
	padding: 8px 4px 8px 8px;
	background-color: #f7f7e6; }



#projettxt { width: 890px;
	height: 442px;
	margin-left: 24px;
	padding-right: 6px;
	overflow: auto;
	scrollbar-face-color:#3F0F12;
	scrollbar-shadow-color:#3F0F12;
	scrollbar-arrow-color:#9e4f4f;
	scrollbar-highlight-color:#9e4f4f;
	scrollbar-track-color:#3F0F12;
	scrollbar-3dlight-color:#310f0d;
	scrollbar-darkshadow-color:#310f0d; }


.projetG { float:left;
	margin-top: 12px;
	clear : both;
	width: 432px; }

.projetD { width: 420px;
	margin-top: 48px;
	margin-left: 452px; }


#specttxt { float:left;
	width: 842px;
	margin: 20px 0px 0px 24px;
	display: inline; }

#karavantxt { width: 880px;
	height: 420px;
	margin: 0px 0px 0px 24px;
	padding-right: 8px;
	background-color: #f7f7e6;
	border: #310f0d 1px solid;
	color: #310f0d; }

   #karavanteaser { float: right;
	width: 240px;
	border: #310f0d 1px solid;
	padding: 4px;
	margin: 8px 8px 0px 0px; }

#cairetxt { width: 918px;
	height: 560px;
	margin: 0px 0px 0px 0px;
	padding-right: 14px;

	background-color: #f7f7e6;
	color: #310f0d;
	border: #310f0d 1px solid; }

   #caireteaser { float: right;
	width: 174px;
	background-color: #cccc99;
	padding: 4px;
	margin: 4px 0px 0px 6px; }


#imgtxt { float:left;
	width: 554px;
	height: 442px;
	margin: 0px 0px 0px 24px;
	padding-right: 6px;
	overflow: auto;
	scrollbar-face-color:#3F0F12;
	scrollbar-shadow-color:#3F0F12;
	scrollbar-arrow-color:#9e4f4f;
	scrollbar-highlight-color:#9e4f4f;
	scrollbar-track-color:#3F0F12;
	scrollbar-3dlight-color:#310f0d;
	scrollbar-darkshadow-color:#310f0d;
	display: inline; }

   .videobloc { float: left;
	width: 324px;
	border: #9e4f4f 0px solid;
	margin: 0px 0px 0px 24px;
	display: block; }

#dansetxt { float: left;
	width: 388px;
	margin: 6px 0px 0px 24px;
	display: inline; }

   #articles { float:left;
	width: 476px;
	height: 436px;
	background-color: #f7f7e6;
	border: #310f0d 1px solid;
	color: #310f0d;
	margin-left: 18px;
	padding: 0px 4px 0px 8px;
	overflow: auto;
	scrollbar-face-color:#f7f7e6;
	scrollbar-shadow-color:#f7f7e6;
	scrollbar-arrow-color:#310f0d;
	scrollbar-track-color:#f7f7e6;
	scrollbar-highlight-color:#f7f7e6;
	scrollbar-darkshadow-color:#310f0d;
	display: inline; }

#lienG { float:left;
	width: 436px;
	height: 400px;
	margin: 12px 0px 0px 24px; }

#lienD { width: 406px;
	height: 400px;
	margin: 12px 0px 0px 500px; }


#horhautgauche, #horhautmilieu, #horbasgauche, #horhautdroite2 { background-color: #f7f7e6;
	border: #310f0d 1px solid;
	color: #310f0d; }

   #horhautgauche { float: left;
	width: 306px;
	margin: 12px 0px 0px 16px; }

   #horhautmilieu { float: left;
	width: 288px;
	padding-right: 6px;
	margin : 12px 0px 10px 10px }

   #horhautdroite1 { float: right;
	width: 272px;
	padding-right: 6px;
	margin: 12px 16px 0px 0px;
	background-image: url('IMG/transpa2.png'); }

   #horhautdroite2 { float: left;
	width: 260px;
	padding-right: 6px;
	margin : 12px 0px 10px 10px }

   #horbasdroite { float:left;
	display: block;
	width: 260px;
	padding-right: 6px;
	margin: 12px 0px 0px 10px;
	background-image: url('IMG/transpa2.png'); }


   #horbasgauche { clear: both;
	float:left;
	width: 300px;
	margin: 10px 0px 0px 16px; }


.col1 { margin-left: 0.8em;
	margin-bottom: 12px; }


.coord { clear: both;
	width: 868px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	font: bold 8pt;
	color: #ad7b79; }


/* TABLEAUX */


/* Niveaux */

.colA { float: left;
	clear: left;
	width: 132px;
	padding: 4px;	
	background-color: #925250; }


.colB { float: left;
	margin-left:4px;
	width: 190px;
	padding: 4px;
	background-color: #925250; }

.colC { float: left;
	margin-left:4px;
	width: 248px;
	padding: 4px;
	background-color: #925250; }

.bande1 { height: 16px;
	font-weight: bold; }

.bande2 { margin-top: 4px;
	height: 74px; }

.bande3 { margin-top: 4px;
	height: 86px; }

.bande4 { margin-top: 4px;
	margin-bottom: 20px;
	height: 74px; }


/* Listes */




ul { list-style:none;
	margin:0;
	padding:0; }

#samedi28 { width: 90px;
	vertical-align:top;
	float:left; }

#samedi28b { width: 56px;
	vertical-align:top;
	float:left;
	margin-left: 4px; }

#dimanche29 { width: 96px;
	vertical-align:top;
	float:left;
	margin-left: 6px; }

#dimanche29b { width: 50px;
	vertical-align:top;
	float:left;
	margin-left: 4px; }

.ligne { height: 14px;
	width: 100%;
	padding-left: 2px;
	margin-bottom: 1px;
	color: #310f0d;
	background-color: #FFE365; }





/* LIGNES */

.hautdroite hr { clear: both;
		align:left;
		height:1px;
		width:100%;
		color:#310f0d;
		background-color:#310f0d;
		border:0px; }



/* CITATIONS & STYLES TEXTES */


.cairehead { font-size: 9pt; }

.comment { font-style: italic;
	line-height: 12px;
	font-size: 12px;
	color: #9e4f4f; }


.citation1 { font-style: italic;
	float: left;
	width : 162px;
	margin: 0px 20px 14px 0px; }


.citation2 { font-style: italic;
	font-size: 1.45em;
	line-height: 1.1em;
	font-family: times new roman, times; 
	color: #9e4f4f;
	float: right;
	width : 200px;
	margin: 0px 0px 12px 20px; }

.citation3 { font-style: italic;
	font-size: 1.45em;
	line-height: 1.1em;
	font-family: times new roman, times; 
	color: #9e4f4f;
	float: left;
	width : 246px;
	margin: 0px 20px 10px 0px; }


.citation4 { font-style: italic;
	font-size: 1.45em;
	line-height: 1.1em;
	font-family: times new roman, times; 
	color: #9e4f4f;
	float: left;
	width : 208px;
	margin: 6px 20px 140px 0px; }

.citation5 { font-style: italic;
	font-size: 1.45em;
	line-height: 1.1em;
	font-family: times new roman, times; 
	color: #9e4f4f;
	float: right;
	width : 250px;
	margin: 0px 0px 24px 20px; }

.citation6 { font-style: italic;
	font-size: 1.45em;
	line-height: 1.1em;
	font-family: times new roman, times; 
	color: #9e4f4f;
	margin: 0px 0px 18px 0px; }

.microtxt { font-style: italic;
	font-family: verdana, bitstream vera sans, arial;
	font-size: 8pt;
	color: #9e4f4f; }

.copyright { font-style: italic; }


.important { font-style: italic;
	color: #FF050D; }




/* IMAGES VIDEO */


.video1 { width: 288px;
	height: 160px;
	border: #310f0d 1px solid; }



/* GALERIES PHOTO */

#hometxt img { border: none; }


.cadre1, .cadre2 { float: left;
	clear:both; 
	height: 342px;
	margin: 0px 10px 16px 0px; }

.cadre1 { width: 240px; }

.cadre2 { width: 320px; }

.cadre3 { float: left;
	width: 240px;
	margin-left: 20px; }


.mini { margin: 5px 0px 0px 3px; }